[ js ] 請問像Apple官網的發燒新聞的淡入淡出要怎麼做

看板Ajax作者時間15年前 (2010/06/01 21:55), 編輯推噓3(306)
留言9則, 4人參與, 最新討論串1/1
http://www.apple.com/tw/ 像它的發燒新聞的淡入淡出 雖然我可以用jQuery的fadein、fadeout來做出淡入淡出 我的每一筆都是這樣 <div id="ticker"> <p><a href="">第一筆</a></p> </div> 那我要怎麼樣讓它一次顯示一筆呢 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 203.222.21.71

06/01 21:57, , 1F
這算跑馬燈的一種,我想一下這專有名詞叫什麼...
06/01 21:57, 1F

06/01 22:36, , 2F
總之先只顯示第一筆,用一個index紀錄目前跑到第n筆,
06/01 22:36, 2F

06/01 22:36, , 3F
去hide上一筆跟fadeIn下一筆。
06/01 22:36, 3F

06/01 22:37, , 4F
會用到的東西有setInterval , $().index/.hide/.show
06/01 22:37, 4F

06/01 22:49, , 5F
底層他用這家的lib http://script.aculo.us/ 不過要簡單一點
06/01 22:49, 5F

06/01 22:51, , 6F
的話就像TonyQ大說的 .hide + fadeIn就可以做簡單效果..
06/01 22:51, 6F

06/01 22:51, , 7F
細節你可以開它網頁的js來k...xd..
06/01 22:51, 7F

06/02 01:36, , 8F
先全部hide,要顯示的show,fadeout後馬上接hide
06/02 01:36, 8F

06/02 15:00, , 9F
文章代碼(AID): #1C1H4w39 (Ajax)
文章代碼(AID): #1C1H4w39 (Ajax)