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 相关文章推荐
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
js实现精确到秒的倒计时效果
May 29 Javascript
Javascript基础回顾之(一) 类型
Jan 31 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
基于openlayers4实现点的扩散效果
Aug 17 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
element-ui table span-method(行合并)的实现代码
Dec 20 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 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中与数组相关的函数
2007/03/22 PHP
php fsockopen伪造post与get方法的详解
2013/06/14 PHP
Yii框架调试心得--在页面输出执行sql语句
2014/12/25 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
JQuery从头学起第一讲
2010/07/04 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
JavaScript 变量、作用域及内存
2015/04/08 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
vue.js中实现登录控制的方法示例
2018/04/23 Javascript
详解解决使用axios发送json后台接收不到的问题
2018/06/27 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
Bootstrap模态对话框中显示动态内容的方法
2018/08/10 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 jQuery
Python set集合类型操作总结
2014/11/07 Python
python opencv读mp4视频的实例
2018/12/07 Python
Python  Django 母版和继承解析
2019/08/09 Python
python中for in的用法详解
2020/04/17 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
《藤野先生》教学反思
2014/02/19 职场文书
美术毕业生求职信
2014/02/25 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
2015年消防工作总结
2015/04/24 职场文书
历史博物馆观后感
2015/06/05 职场文书
开业庆典致辞
2015/08/01 职场文书
初级职称评定工作总结
2015/08/13 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
golang为什么要统一错误处理
2022/04/03 Golang