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 相关文章推荐
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
js事件(Event)知识整理
Oct 11 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 Javascript
JavaScript简单实现的仿微博留言功能示例
Jan 17 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 Javascript
vue中是怎样监听数组变化的
Oct 24 Javascript
面试中canvas绘制图片模糊图片问题处理
Mar 13 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 COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
php+jQuery递归调用POST循环请求示例
2016/10/14 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
jQuery+ajax中getJSON() 用法实例
2014/12/22 Javascript
js仿百度登录页实现拖动窗口效果
2016/03/11 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
vue实现tab栏点击高亮效果
2020/08/19 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
Python设置Socket代理及实现远程摄像头控制的例子
2015/11/13 Python
python操作mysql代码总结
2018/06/01 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
python asyncio 协程库的使用
2021/01/21 Python
使用html2canvas实现浏览器截图的示例代码
2018/01/26 HTML / CSS
html5教程画矩形代码分享
2013/12/04 HTML / CSS
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
一组SQL面试题
2016/02/15 面试题
幼儿园实习自我鉴定
2013/12/15 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
镇副书记专题民主生活会对照检查材料思想汇报
2014/10/02 职场文书
2015年教研工作总结
2015/05/23 职场文书
2019各种承诺书范文
2019/06/24 职场文书
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle
简单了解 MySQL 中相关的锁
2021/05/25 MySQL
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js