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与CSS复习(二)
Jun 29 Javascript
利用jquery包将字符串生成二维码图片
Sep 12 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
Dec 23 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
Sep 22 Javascript
JavaScript中如何判断一个值的类型
Sep 15 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 Javascript
vue实现滑动解锁功能
Mar 03 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/08/05 PHP
PHP 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
PHP实现的MD5结合RSA签名算法实例
2017/10/07 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
jQuery 一个图片切换的插件
2011/10/09 Javascript
HTML中的setCapture和releaseCapture使用介绍
2012/03/21 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
jquery实现页面虚拟键盘特效
2015/08/08 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
2016/03/11 Javascript
理解javascript模块化
2016/03/28 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
详解js根据百度地图提供经纬度计算两点距离
2019/05/13 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
python使用Queue在多个子进程间交换数据的方法
2015/04/18 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
python批量赋值操作实例
2018/10/22 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
Python如何把字典写入到CSV文件的方法示例
2020/08/23 Python
个人生活学习自我评价范文
2013/11/26 职场文书
2015年教学管理工作总结
2015/05/20 职场文书
李强为自己工作观后感
2015/06/11 职场文书
中秋联欢会主持词
2015/07/04 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书
java解析XML详解
2021/07/09 Java/Android
进行数据处理的6个 Python 代码块分享
2022/04/06 Python