jquery 는 텍스트 가 아래 에서 위로 순환 하 는 인 스 턴 스 코드 를 실현 합 니 다.

다음 코드 가 있 습 니 다:

<div id="oDiv">
<ul id="oUl">
<li> 1 li </li>
<li> 2 li </li>
<li> 3 li </li>
<li> 4 li </li>
<li> 5 li </li>
<li> 6 li </li>
<li> 7 li </li>
<li> 8 li </li>
</ul>
</div>
그러나 페이지 는 앞의 5 개의 li(관련 css 는 군말 하지 않 음)만 표시 합 니 다.li 안의 내용 을 순환 적 으로 표시 하려 면 정 해진 시간 에 l 을 위로 이동 하 는 것 입 니 다.이 동시에 첫 번 째 li 를 l 중 li 의 끝 에 추가 하 는 것 입 니 다.코드 는 다음 과 같 습 니 다.

function autoScroll(obj, ul_bz){
$(obj).find(ul_bz).animate({
marginTop : "-25px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
});
}
setInterval('autoScroll("#oDiv", "#oUl")',3000)

좋은 웹페이지 즐겨찾기