久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

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

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

瀏覽:153日期: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
相關文章:
主站蜘蛛池模板: 宁强县| 天镇县| 华蓥市| 永平县| 黎城县| 保定市| 扎赉特旗| 汕尾市| 明溪县| 瓦房店市| 高邑县| 隆昌县| 修水县| 湘西| 临泉县| 商洛市| 济南市| 武山县| 全南县| 嘉峪关市| 杨浦区| 宜州市| 施甸县| 玛纳斯县| 丹阳市| 大理市| 中西区| 西和县| 灵台县| 英德市| 项城市| 宁波市| 九龙城区| 吉木萨尔县| 岢岚县| 大洼县| 通渭县| 葫芦岛市| 岐山县| 潜山县| 农安县|