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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
js 调整select 位置的函数
Feb 21 Javascript
学习ExtJS Panel常用方法
Oct 07 Javascript
js学习之----深入理解闭包
Nov 21 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
微信小程序 图片上传实例详解
May 05 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
React Native之prop-types进行属性确认详解
Dec 19 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
深入讲解Vue中父子组件通信与事件触发
Mar 22 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
PHP 进程锁定问题分析研究
2009/11/24 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
使用JQuery和s3captche实现一个水果名字的验证
2009/08/14 Javascript
提示$ is not defined错误分析及解决
2013/04/09 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
javascript trim函数在IE下不能用的解决方法
2014/09/12 Javascript
基于jquery实现发送文章到手机的代码
2014/12/26 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
jQuery扩展+xml实现表单验证功能的方法
2016/12/25 Javascript
vue router-link传参以及参数的使用实例
2017/11/10 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
2018/05/14 Javascript
JavaScript设计模式之命令模式实例分析
2019/01/16 Javascript
JavaScript实现模态对话框实例
2020/01/13 Javascript
vue-cli点击实现全屏功能
2020/03/07 Javascript
简介JavaScript错误处理机制
2020/08/04 Javascript
Python中对数组集进行按行打乱shuffle的方法
2018/11/08 Python
Python微信操控itchat的方法
2019/05/31 Python
创建Django项目图文实例详解
2019/06/06 Python
Python 爬虫的原理
2020/07/30 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
联想澳大利亚官网:Lenovo Australia
2018/01/18 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
晚归检讨书
2014/02/19 职场文书
授权委托书
2014/07/31 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
详解MySQL 联合查询优化机制
2021/05/10 MySQL
MySQL索引失效的典型案例
2021/06/05 MySQL