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 相关文章推荐
js类后台管理菜单类-MenuSwitch
Sep 12 Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
angularjs表格分页功能详解
Jan 21 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
Angular ng-repeat 对象和数组遍历实例
Sep 14 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
javascript将16进制的字符串转换为10进制整数hex
Mar 05 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 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
递归列出所有文件和目录
2006/10/09 PHP
mysql中存储过程、函数的一些问题
2007/02/14 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
PHP创建XML接口示例
2019/07/04 PHP
jQuery对象与DOM对象之间的转换方法
2010/04/15 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
2013/11/08 Javascript
iframe子页面与父页面在同域或不同域下的js通信
2014/05/07 Javascript
jQuery 和 CSS 的文本特效插件集锦
2014/12/12 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
Python实现的数据结构与算法之队列详解
2015/04/22 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
使用K.function()调试keras操作
2020/06/17 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
如何实现jdbc性能优化
2012/07/30 面试题
优秀的毕业生的自我评价
2013/12/12 职场文书
中级会计职业生涯规划书
2014/03/01 职场文书
小学体育教学随笔
2015/08/14 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
漫画「日和酱的要求是绝对的」第3卷封面公开
2022/03/21 日漫