文章詳情頁
javascript - Jquery焦點圖淡入淡出效果求指教
瀏覽:137日期: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. HTML5不支持frameset一般怎么解決?2. javascript - Vue的計算屬性底層依賴原理是怎么樣?3. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間?4. 網頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典,但某些div下沒有這一元素,導致自動寫入下一條,如何解決?5. 百度地圖api - Android百度地圖SDK,MapView上層按鈕可見卻不可觸,怎么解決?6. mysql 獲取時間函數unix_timestamp 問題?7. html5 - canvas中的mousedrag事件,為什么鼠標拖出canvas,然后再次移入canvas,drag事件還觸發8. 新入手layuiadmin,部署到tp中。想用php自已寫一個后臺管理系統。9. javascript - react 組件 使用super()報錯10. javascript - es6擴展運算符...的問題
排行榜
