文章详情页
javascript - Jquery焦点图淡入淡出效果求指教
问题描述
定时器每隔3秒回走一次:
var i = 0, t = setInterval(function () {i++;i===3 ? i=0 : false;$(’.slide li’).eq(i).fadeIn(300).siblings(’li’).fadeOut(300); }, 3000);
但这样出来的效果会闪白,过渡的一点儿都不自然,我需要那很自然的过渡效果。
这样的效果示例:http://www.5icool.org/demo/20...
难道我方法用错了?
问题解答
回答1:效果如下链接描述
.slide{ position:relative;}li{ position:absolute;}回答2:
淡入淡出就是改变透明度,你可以尝试用css3的过渡var i = 0,
t = setInterval(function () { i++; i===3 ? i=0 : false; $(’.slide li’).eq(i).addClass('opacity').siblings(’li’).removeClass('opacity');}, 3000);<style> .slide li{transition: all .3s; opacity:0;}<style>
标签:
JavaScript
相关文章:
1. JAVASCRIPT 构造函数和原型互相指向问题?求助!!!2. css - 移动端 oppo 手机之 Border-radius3. html5 - 移动端UC浏览器兼容问题4. android - 具体的空指针是在哪????5. javascript - 前端富文本编辑器 wangeditor 如何展示富文本?6. docker pull 错误?7. 关于《Effective Java中文版(第2版)》的问题8. mysql 创建root 用户出错,这是什么原因?mysql 中也没有root用户9. python - 请问matplotlib.pyplot.save的路径如何更改10. angular.js - ionic 弹窗样式
排行榜