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 基于原型的对象(创建、调用)
Oct 16 Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 Javascript
浅析javascript的return语句
Dec 15 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
Vue打包后访问静态资源路径问题
Nov 08 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 Javascript
JavaScript队列结构Queue实现过程解析
Mar 07 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
浅谈node.js中间件有哪些类型
Apr 29 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
MySQL中create table语句的基本语法是
2007/01/15 PHP
PHP集成FCK的函数代码
2008/09/27 PHP
PHP正则替换函数preg_replace和preg_replace_callback使用总结
2014/09/22 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
JSON 学习之完全手册 图文
2007/05/29 Javascript
js写的评论分页(还不错)
2013/12/23 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
Vue项目中使用WebUploader实现文件上传的方法
2019/07/21 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
javascript实现计算器功能
2020/03/30 Javascript
浅谈JS for循环中使用break和continue的区别
2020/07/21 Javascript
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
在Python中处理字符串之isdigit()方法的使用
2015/05/18 Python
python从入门到精通(DAY 3)
2015/12/20 Python
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
Python写出新冠状病毒确诊人数地图的方法
2020/02/12 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
Matplotlib animation模块实现动态图
2021/02/25 Python
数字天堂软件测试面试题
2012/12/23 面试题
后勤副校长自我鉴定
2013/10/13 职场文书
药物学专业学生的自我评价
2013/10/27 职场文书
中学门卫岗位职责
2013/12/26 职场文书
自立自强的名人事例
2014/02/10 职场文书
给小学生的新年寄语
2014/04/04 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
幼儿园安全教育随笔
2015/08/14 职场文书
Jupyter notebook 不自动弹出网页的解决方案
2021/05/21 Python
Python+pyaudio实现音频控制示例详解
2022/07/23 Python