文章詳情頁
javascript - Jquery焦點圖淡入淡出效果求指教
瀏覽:128日期: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>
標(biāo)簽:
JavaScript
上一條:javascript - 關(guān)于ajax的疑問?下一條:javascript - vuex,getters只執(zhí)行了一次,數(shù)據(jù)更新getters的數(shù)據(jù)沒有更新
相關(guān)文章:
1. javascript - webpack1和webpack2有什么區(qū)別?2. thinkPHP5中獲取數(shù)據(jù)庫數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙3. django - Python error: [Errno 99] Cannot assign requested address4. 求救一下,用新版的phpstudy,數(shù)據(jù)庫過段時間會消失是什么情況?5. python小白,關(guān)于函數(shù)問題6. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風(fēng)格檢查怎么辦。。。7. python小白 關(guān)于類里面的方法獲取變量失敗的問題8. Python2中code.co_kwonlyargcount的等效寫法9. [python2]local variable referenced before assignment問題10. python - vscode 如何在控制臺輸入
排行榜

熱門標(biāo)簽