文章詳情頁
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
相關文章:
1. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。2. javascript - [js]為什么畫布里不出現圖片呢?在線等3. python - 如何判斷爬蟲已經成功登陸?4. html - vue項目中用到了elementUI問題5. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?6. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變7. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?8. javascript - 有什么比較好的網頁版shell前端組件?9. javascript - 這不是對象字面量函數嗎?為什么要new初始化?10. javascript - 求解答:實例對象調用constructor,此時constructor內的this的指向?
排行榜
