この記事では主に Jquery を使用してローリング ニュースを実装しています。この機能をこれほど少ないコードで実現できるのは、Jquery の強力な機能に本当に驚かされます。 コードをコピー コードは次のとおりです: <%@ Page Language="C# " AutoEventWireup= "true" CodeBehind="Default.aspx.cs" Inherits="WebApplication244.Default" %> <br>$(function () { <br>varscrollTimer = null; <br>var late = 2000; <br>//1 マウスがニュースでマウスアウト イベントをトリガーした後、scrollNews() を呼び出します <br>//2。ニュースの場合は、scrollNews() <br>/ /3 の呼び出しを停止します。ページの最初の読み込みにより、ニュース <br>$('div.scrollNews').hover(function () { <br>clearInterval(scrollTimer); <br>}, function () { <br>scrollTimer = setInterval(function () { <br>scrollNews(); <br>}, <br>}).triggerHandler( 'mouseout'); <br>}); <br>// スクロールニュース <br>functionscrollNews() { <br>var $news = $('div.scrollNews>ul'); = $news.find('li:first').height(); <br>$news.animate({ 'marginTop': -$lineHeight 'px' }, 600, function () { <br>$news. css({ margin: 0 }).find('li:first'); <br>} <br> li>1この秋は、甘くてゆったりとしたセーターがきっと人気になります。2 秋服に使える多用途の小さなベスト50 元未満。 3 スリムフィットの韓国風の小さいスーツが何千人もの人々に注目されています。 4 晩夏のシフォン店店主、涙のセールです。 < /li> 🎜>6 元のロング ニット カーディガンがバカ売れしています。 /body>