JS功能代码集锦


Posted in Javascript onMay 04, 2016

1.模仿fade in(),fade out().

原理:setInterval ( "opacity++透明度“函数,时间间隔)

var alpha = 0;
function play(){
timer = setInterval(function(){
alpha += 2;
alpha > 100 && (alpha = 100);
aImg[index].style.opacity = alpha / 100;
aImg[index].style.filter = "alpha(opacity = " + alpha/100 + ")";
alpha == 100 && clearInterval(timer);
},40)
}

2.获取和设置元素对象的属性值:

关键点:obj.currentStyle[attr] ; getComputedStyle(obj,null)[attr] ;

function css(obj,attr,val) {
switch(arguments.length) {
case 2:
if(typeof arguments[1] == "string"){
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr];
}else{
for(var i in attr) {
obj.style[i] = attr[i];
}
}
break;
case 3:
obj.style[attr] = val;
break;
default:
alert("错误参数");
}
}

以上所述是小编给大家介绍的JS功能代码集锦的相关内容,希望对大家有所帮助!

Javascript 相关文章推荐
JavaScript中的Location地址对象
Jan 16 Javascript
javascript 一些用法小结
Sep 11 Javascript
JavaScript中的排序算法代码
Feb 22 Javascript
jquery删除提示框弹出是否删除对话框
Jan 07 Javascript
javascript实现密码验证
Nov 10 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
JavaScript实现移动端轮播效果
Jun 06 Javascript
Angular模板表单校验方法详解
Aug 11 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
react实现复选框全选和反选组件效果
Aug 25 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 #Javascript
浅析Bootstrap组件之面板组件
May 04 #Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
May 04 #Javascript
js编写当天简单日历效果【实现代码】
May 03 #Javascript
javascript实现下雪效果【实例代码】
May 03 #Javascript
vueJS简单的点击显示与隐藏的效果【实现代码】
May 03 #Javascript
javascript的列表切换【实现代码】
May 03 #Javascript
You might like
PHP中exec函数和shell_exec函数的区别
2014/08/20 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
php压缩文件夹最新版
2018/07/18 PHP
PHP配合fiddler抓包抓取微信指数小程序数据的实现方法分析
2020/01/02 PHP
JQuery切换显示的效果实例代码
2013/02/27 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
利用Node.js编写跨平台的spawn语句详解
2017/02/12 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
PHP实现记录代码运行时间封装类实例教程
2017/05/08 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
vue页面切换项目实现转场动画的方法
2019/11/12 Javascript
Node.js API详解之 dns模块用法实例分析
2020/05/15 Javascript
Python模块学习 datetime介绍
2012/08/27 Python
python实现简单socket通信的方法
2016/04/19 Python
Python打包可执行文件的方法详解
2016/09/19 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
Python数据集切分实例
2018/12/08 Python
python实现Virginia无密钥解密
2019/03/20 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
python中的错误如何查看
2020/07/08 Python
对Python 字典元素进行删除的方法
2020/07/31 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
数字天堂软件测试面试题
2012/12/23 面试题
金融专业个人求职信范文
2013/11/28 职场文书
如何使用Python实现一个简易的ORM模型
2021/05/12 Python