>웹 프론트엔드 >JS 튜토리얼 >jQuery는 한 줄 텍스트 소스 code_jquery의 간헐적인 위로 스크롤을 구현합니다.

jQuery는 한 줄 텍스트 소스 code_jquery의 간헐적인 위로 스크롤을 구현합니다.

WBOY
WBOY원래의
2016-05-16 17:33:051124검색

jQuery를 사용하여 텍스트 한 줄의 간헐적인 위로 스크롤 실현

효과 URL: http://www.keleyi.com/keleyi/phtml/textscroll.htm
이 효과의 향상된 버전: http: //www.keleyi.com/a/bjac/532bedbffca1affa.htm 주로 커서 호버 효과를 추가합니다

다음은 소스 코드입니다.

코드 복사 코드는 다음과 같습니다.




jquery 특수 효과 한 줄 텍스트 위로 스크롤(일시 정지 포함)



< script type="text/javascript">
function AutoScroll( obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this) .css({marginTop:"0px"}).find("li:first").appendTo(this)
}); >}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv_keleyi_com")',3000);
})
>

파싱:
$('li')를 사용하면 여러 li 요소 모음과 일치합니다. 첫 번째 li 요소를 가져오도록 지정하려면 ":first", 즉 $('li:first');를 사용할 수 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.