文章詳情頁
javascript - Jquery焦點圖淡入淡出效果求指教
瀏覽:123日期: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. pip安裝提示Twisted錯誤問題(Python3.6.4安裝Twisted錯誤)2. javascript - vue-echarts-v3使用的過程中折線圖區域呈漸變色。3. 關于Mysql聯合查詢4. centos7 編譯安裝 Python 3.5.1 失敗5. mysql - 這個數據庫合計用 視圖做,和直接算好存在數據庫里,到時候調用起來哪個快?6. python - beautifulsoup獲取網頁內容的問題7. python - 能通過CAN控制一部普通的家用轎車嗎?8. 人工智能 - python 機器學習 醫療數據 怎么學9. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處10. c++ - 請問MySQL_Connection::isReadOnly 怎么解決?
排行榜
