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在IE下设置innerHTML时出现未知的运行时错误的解决方法
Jan 12 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
jquery实现pager控件示例
Apr 09 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
Jul 04 Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
js实现AI五子棋人机大战
May 28 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
Dec 03 Vue.js
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
模拟SQLSERVER的两个函数:dateadd(),datediff()
2006/10/09 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
js中cookie的添加、取值、删除示例代码
2013/10/21 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
js实现上传文件添加和删除文件选择框
2016/10/24 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
vue使用openlayers实现移动点动画
2020/09/24 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
对python中的控制条件、循环和跳出详解
2019/06/24 Python
python字典嵌套字典的情况下找到某个key的value详解
2019/07/10 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
Django 设置admin后台表和App(应用)为中文名的操作方法
2020/05/10 Python
用python实现一个简单的验证码
2020/12/09 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
选购世界上最好的美妆品:Cult Beauty
2017/11/03 全球购物
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
美术教师自我鉴定
2014/02/12 职场文书
烹饪自我鉴定
2014/03/01 职场文书
学校师德承诺书
2014/05/23 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
个人先进事迹材料
2014/12/29 职场文书
python字典进行运算原理及实例分享
2021/08/02 Python
Java异常体系非正常停止和分类
2022/06/14 Java/Android