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 相关文章推荐
JSON 和 JavaScript eval使用说明
Jun 13 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
Vue.js图片预览插件使用详解
Aug 27 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
Apr 27 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日期处理函数 整型日期格式
2011/01/12 PHP
解决PHP超大文件下载,断点续传下载的方法详解
2013/06/06 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
jQuery 表单验证扩展(四)
2010/10/20 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
Bootstrap每天必学之标签与徽章
2015/11/27 Javascript
Spring mvc 接收json对象
2015/12/10 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
vue2 自定义动态组件所遇到的问题
2017/06/08 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
解决vue组件销毁之后计时器继续执行的问题
2020/07/21 Javascript
python实现字典(dict)和字符串(string)的相互转换方法
2017/03/01 Python
Python3实现的爬虫爬取数据并存入mysql数据库操作示例
2018/06/06 Python
python实现多线程端口扫描
2019/08/31 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
学习Python需要哪些工具
2020/09/04 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
质检的岗位职责
2013/11/17 职场文书
电子专业推荐信范文
2013/11/18 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
营销总经理的岗位职责
2013/12/15 职场文书
2014年机关植树节活动方案
2014/02/27 职场文书
捐书倡议书
2014/08/29 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
挂职个人工作总结
2015/03/05 职场文书
年度考核个人总结
2015/03/06 职场文书
检讨书格式范文
2015/05/07 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
学会Python数据可视化必须尝试这7个库
2021/06/16 Python