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 相关文章推荐
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 Javascript
JavaScript在XHTML中的用法详解
Apr 11 Javascript
js局部刷新页面时间具体实现
Jul 04 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
详解react-redux插件入门
Apr 19 Javascript
浅谈vue加载优化策略
Mar 19 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
vue 动态添加class,三个以上的条件做判断方式
Nov 02 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
Redis构建分布式锁
2017/03/28 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
js字符编码函数区别分析
2011/12/28 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
浅析AngularJS Filter用法
2015/12/28 Javascript
angular双向绑定模拟探索
2016/12/26 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
用vue写一个日历
2020/11/02 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
Python中内置的日志模块logging用法详解
2016/07/12 Python
检测python爬虫时是否代理ip伪装成功的方法
2019/07/12 Python
python threading和multiprocessing模块基本用法实例分析
2019/07/25 Python
python实现12306登录并保存cookie的方法示例
2019/12/17 Python
如何利用Python识别图片中的文字
2020/05/31 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
初中班主任寄语
2014/04/04 职场文书
新闻编辑求职信
2014/04/09 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
“九一八事变纪念日”国旗下讲话稿
2014/09/14 职场文书
2014年城市管理工作总结
2014/12/02 职场文书
销售助理岗位职责
2015/02/11 职场文书
试用期解除劳动合同通知书
2015/04/16 职场文书
离婚案件答辩状
2015/05/22 职场文书
灵魂歌王观后感
2015/06/17 职场文书