文章詳情頁
javascript - Jquery焦點圖淡入淡出效果求指教
瀏覽:149日期: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. bootstrp是col-md-12列的,只有col-md-10有內容,可以讓沒有內容的不占據位置嗎;2. java - 如何用圖畫的方式有效地表示多線程?3. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙4. python - Fiddler+Android模擬器抓取app,json數據被加密了,如何解析?5. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!6. python 3.4 error: Microsoft Visual C++ 10.0 is required7. html5 - 剛接觸H5,為什么我覺得很多標簽都沒什么用呢?8. 我的怎么不顯示啊,話說有沒有QQ群什么的9. android - 請問一下 類似QQ音樂底部播放 在每個頁面都顯示 是怎么做的?10. html5 - 現在前端設備和網速都提高了,為什么要用服務器端渲染?
排行榜
