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 onpropertychange输入框 事件获取属性
Mar 26 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
微信小程序实现文字从右向左无限滚动
Nov 18 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 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
5.PHP的其他功能
2006/10/09 PHP
php中文本数据翻页(留言本翻页)
2006/10/09 PHP
PHP和XSS跨站攻击的防范
2007/04/17 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
javascript中用星号表示预录入内容的实现代码
2011/01/08 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
基于BootStrap Metronic开发框架经验小结【九】实现Web页面内容的打印预览和保存操作
2016/05/12 Javascript
JavaScript实现刷新不重记的倒计时
2016/08/10 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
关于Vue Webpack2单元测试示例详解
2017/08/14 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
Python中给List添加元素的4种方法分享
2014/11/28 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
HTML5使用DOM进行自定义控制示例代码
2013/06/08 HTML / CSS
HelloFresh澳大利亚:订购你的美味食品盒、健康餐食
2018/03/28 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
企业人事任命书
2014/06/05 职场文书
2014年后备干部工作总结
2014/12/08 职场文书
2015年计算机教学工作总结
2015/07/22 职场文书
python中sys模块的介绍与实例
2021/04/17 Python
python 三边测量定位的实现代码
2021/04/22 Python