文章詳情頁
javascript - Jquery焦點圖淡入淡出效果求指教
瀏覽:132日期: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. mysql - AttributeError: ’module’ object has no attribute ’MatchType’2. python - from ..xxxx import xxxx到底是什么意思呢?3. 求大神幫我看看是哪里寫錯了 感謝細心解答4. npm鏡像站全新上線5. javascript - 圖片能在網站顯示,但控制臺仍舊報錯403 (Forbidden)6. 網頁爬蟲 - python爬蟲翻頁問題,請問各位大神我這段代碼怎樣翻頁,還有價格要登陸后才能看到,應該怎么解決7. php自學從哪里開始?8. MySQL客戶端吃掉了SQL注解?9. phpstady在win10上運行10. 數據庫 - MySQL 單表500W+數據,查詢超時,如何優化呢?
排行榜
