国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - Jquery焦點圖淡入淡出效果求指教

瀏覽:159日期:2023-05-06 14:49:31

問題描述

定時器每隔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
相關文章:
主站蜘蛛池模板: 兴宁市| 大姚县| 遵化市| 临清市| 清新县| 罗定市| 鄂尔多斯市| 军事| 冷水江市| 岢岚县| 景泰县| 广南县| 长寿区| 贺州市| 盱眙县| 灵台县| 中阳县| 安龙县| 象州县| 秦皇岛市| 太康县| 吴江市| 廊坊市| 乐平市| 温州市| 马尔康县| 电白县| 新郑市| 分宜县| 溆浦县| 浦城县| 肇庆市| 乐亭县| 平阴县| 新竹市| 玛纳斯县| 江西省| 招远市| 临泽县| 娄底市| 德清县|