此文主要用Jquery實現滾動新聞,如此少的程式碼就能實現這個功能真的是不由得感嘆Jquery的強大功能。 複製代碼 代碼如下: <BR>$(function () { <BR>var scrollTimer = null; <BR>var delay = 2000; <BR>//1.滑鼠對新聞觸發mouseout事件後每2s調用scrollNews() <BR>//2.滑鼠對新聞觸發mouseover事件後停止調用scrollNews() <BR>//3.初次載入頁面觸發滑鼠對新聞的mouseout事件<BR>$('div.scrollNews').hover(function () { <BR>clearInterval(scrollTimer); <BR>}, function () { <BR>scrollTimer = setInterval(function () { <BR>scrollNews() ; <BR>}, delay); <BR>}).triggerHandler('mouseout'); <BR>}); <BR>//滾動新聞<BR>function scrollNews() { <BR>var $news = $('div.scrollNews>ul'); <BR>var $lineHeight = $news.find('li:first').height(); <BR>$news.animate({ 'marginTop': -$lineHeight 'px' }, 600, function () { <BR>$news.css({ margin: 0 }).find('li:first').appendTo($news); <BR>}); <BR> } <BR> 1甜美寬鬆毛衣今秋一定紅. 2秋裝百搭小馬甲不到50元. 3修身韓版小西裝萬人瘋搶. 4夏末雪紡店主含淚大甩賣. 5瑞麗都瘋狂推薦的秋裝. 6元長款針織小開衫賣瘋啦. 7長袖雪紡衫單穿內搭都超美. html>