针对淡入淡出的定时轮播效果js
2015-09-29 15:17
357 查看
如果不使用jquery的fadeIn和fadeOut的接口和不适用animate情况下,如果要做用js实现淡入淡出轮播效果,我所想到的办法就是使用css3新特性transition(注意好兼容性)。
先定义好两个class名,有分别有淡入bannerli0,和淡出的效果bannerli1。再用js定时器,让其类名替换。
(没有什么特别的难点,就是要循环注意好~)
先定义好两个class名,有分别有淡入bannerli0,和淡出的效果bannerli1。再用js定时器,让其类名替换。
(没有什么特别的难点,就是要循环注意好~)
var show = new function(){ var i = 0; setInterval(function(){ if(!hasClass(Bannerli[i],"bannerli0")){ removeClass(Bannerli[i],"bannerli1"); addClass(Bannerli[i],"bannerli0"); ++i; if(i==Bannerli.length){i=0}; removeClass(Bannerli[i],"bannerli0"); addClass(Bannerli[i],"bannerli1"); if(i > (Bannerli.length)){ return; } } },2500) }
相关文章推荐
- 伸缩放大的js
- sea.js基础学习
- xpages调用后台代理
- js三级地区联动
- JavaScript 闭包的理解
- javascript:判断支持哪种监听
- JavaScript学习的12条建议
- JavaScript 事件代理
- flexible.js
- js 获取页面可视区域宽高
- input使用javascript限制输入带小数的数字
- jsp页面清空表单内容
- JSR-133 因果关系
- JS获取字符串长度(区分中英文)
- javascript 手机号码正则表达式验证函数
- javascript url 相关函数(escape/encodeURL/encodeURIComponent区别)
- (四)我的JavaScript系列:原型链
- JS数组操作
- 将后台数据(C#)转换成JSON字符串传到页面转换成json对象存储在JS中
- JavaScript 获取当前日期