jquery는 공지사항 스크롤을 구현합니다.

롤링 효과가 매우 좋고 코드도 매우 간단하므로 여기서는 별 무리가 없을 것입니다.

코드 복사 코드는 다음과 같습니다. //스타일 파일: * { 여백: 0; 패딩: 0; } .scrollNews { 너비: 100%; 높이: 20px; 오버플로: 숨김; 배경: #FFFFFF; 테두리: 0px 실선 #AAAAAA; } .scrollNews ul { 패딩: 2px 5px 5px 25px; } .scrollNews ul li { 높이: 20px; 목록 스타일 유형: 없음; 글꼴 크기: 작음; } 에 { 텍스트 장식: 없음; } > 헤더JS

jquery 라이브러리를 가져오는 것을 잊지 마세요

코드 복사 코드는 다음과 같습니다. $(함수 () { var settime; $(".scrollNews").hover(function () { 클리어간격(설정시간) }, 함수() { settime = setInterval(function () { Var $ first = $ (".Scrollnews ul: first"); // li 대신 div 아래의 첫 번째 ul을 선택합니다. var height = $first.find("li:first").height(); // 첫 번째 li의 높이를 구하고 ul이 위쪽으로 이동할 준비를 합니다. $first.animate({ "marginTop": -height "px" }, 600, 함수 () { $ First.css({margintop: 0})("li: first")를 찾습니다. }); }, 3000); }) Trigger ("mouseLeave"); // Trigger() 메소드의 Trigger() 메소드는 선택한 요소의 이벤트 유형을 트리거하는 것입니다 });

jsp 텍스트 영역

코드 복사 코드는 다음과 같습니다. > 쿼리 모듈 메뉴명 업데이트 안내: 2015-02-09부터 쿼리 모듈 메뉴가 새로운 이름을 사용하게 됩니다. 자세한 내용은 아래 [기존 쿼리 모듈 이름과 신규 쿼리 모듈 이름 비교표]를 참조하세요.&lt ;/a> ~ 쿼리모듈 메뉴명 업데이트 안내: 2015-02-09부터 쿼리모듈 메뉴에 새로운 이름이 사용됩니다. 자세한 내용은 아래 [쿼리모듈 신규 및 기존 이름 비교표]를 참조하세요. ~ >

친구 여러분, 자신의 프로젝트에 자유롭게 사용해 보세요