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 相关文章推荐
你的 mixin 真的兼容 ECMAScript 5 吗?
Apr 11 Javascript
js字符串转成JSON
Nov 07 Javascript
基于javascript滚动图片具体实现
Nov 18 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
在vue中实现简单页面逆传值的方法
Nov 27 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
Vue中的作用域CSS和CSS模块的区别
Oct 09 Javascript
微信小程序3D轮播实现代码
Sep 19 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
jQuery实现可编辑的表格
Dec 11 jQuery
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
欧美媒体选出10年前最流行的17部动画
2017/01/18 日漫
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
使用laravel指定日志文件记录任意日志
2019/10/17 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
Aptana调试javascript图解教程
2009/11/30 Javascript
js TextArea的选中区域处理
2010/12/28 Javascript
JavaScript通过join函数连接数组里所有元素的方法
2015/03/20 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
常用的Javascript设计模式小结
2015/12/09 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
Angularjs 实现一个幻灯片示例代码
2016/09/08 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
vue中如何引入jQuery和Bootstrap
2017/04/10 jQuery
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
Vue中父子组件通讯之todolist组件功能开发
2018/05/21 Javascript
Angular6笔记之封装http的示例代码
2018/07/27 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
Pyramid添加Middleware的方法实例
2013/11/27 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
用python写扫雷游戏实例代码分享
2018/05/27 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
HTML5 新标签全部总汇(推荐)
2016/06/13 HTML / CSS
GNC健安喜官方海外旗舰店:美国著名保健品牌
2017/01/04 全球购物
会话Bean的种类
2013/11/07 面试题
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/11/24 面试题
毕业生多媒体设计求职信
2013/10/12 职场文书
软件项目开发计划书
2014/05/01 职场文书
python保存图片的四个常用方法
2022/02/28 Python
PyTorch中的torch.cat简单介绍
2022/03/17 Python