이 기사에서는 롤링 뉴스를 구현하기 위해 주로 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 이벤트를 트리거한 후 2초마다 scrollNews()를 호출합니다. <br>//2. 뉴스, scrollNews() 호출 중지 <br>/ /3. 페이지의 초기 로드는 뉴스에서 마우스의 mouseout 이벤트를 트리거합니다 <br>$('div.scrollNews').hover(function () { <br>clearInterval(scrollTimer); <br>}, function () { <br>scrollTimer = setInterval(function () { <br>scrollNews(); <br>}, <br>}).triggerHandler( 'mouseout') <br>}); <br>//스크롤링 뉴스 <br>function scrollNews() { <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').appendTo($news) <br>} <br> li>1올 가을에는 달콤하고 루즈한 스웨터가 인기가 있을 것입니다.2 가을 입는 다용도 작은 조끼 50위안 미만. 3 슬림핏 한국식 스몰 수트를 수천 명이 구매하고 있습니다. 4 늦여름 쉬폰 가게 주인이 눈물나는 세일을 합니다. 루리두가 추천하는 가을 옷 5선< 🎜>6위안 롱 니트 가디건이 미친듯이 팔리고 있습니다 . > /본문>