此文主要用Jquery实现滚动新闻,如此少的代码就能实现这个功能真的是不由得感叹Jquery的强大功能。 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication244.Default" %> <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长袖雪纺衫单穿内搭都超美.