> 웹 프론트엔드 > JS 튜토리얼 > jquery 여러 줄 스크롤 코드(자세한 설명 포함)_jquery

jquery 여러 줄 스크롤 코드(자세한 설명 포함)_jquery

WBOY
풀어 주다: 2016-05-16 18:24:55
원래의
1226명이 탐색했습니다.
复代码码 代码如下:



<머리>

无标题文档




<본문>

다행게임:




  • 这是公告标题的第一行



  • 这是公告标题的第4行

  • 这是公告标题的第五行






아래로








이 코드는 단지 여러 줄 스크롤입니다.

1. 먼저
의 높이 제한은 100픽셀이고 각 행은 25픽셀입니다. 총 4행만 표시할 수 있지만 div에는 8행이 있습니다. 어떻게 표시하나요?

scrollDiv 속성에 Overflow:hidden이 있는데, 표시할 수 없으면 숨겨진다는 의미입니다.

2. 두 번째 질문은 _this.find("li:first").appendTo(_this);가 처음 4줄을 잘라내어 뒤쪽에 삽입하기 때문에
에 어떤 4줄이 표시되는지입니다. 처음 4줄만 표시되도록 높이를 0부터 시작하도록 설정합니다. _this.find("li:last").show().prependTo(_this); 같은 방법으로 다음 4줄을 앞쪽에 삽입합니다.

3. 세 번째 질문은 애니메이션 효과를 생성하는 jquery의 기능인 animate입니다. 그런데 _btnDown.unbind("click",scrollDown); 바인딩된 후에 바인딩을 해제해야 하는 이유는 무엇입니까? 다운을 클릭하면 스크롤다운 함수가 실행되기 때문이다. 실행이 내부로 들어가면 바인딩을 풀어야 하기 때문에 이때 다운을 클릭하면 다시 스크롤다운 함수가 실행되지 않아 이후에만 바인딩해야 한다. 스크롤이 완료되었습니다.

4. 클릭하지 않으면 자동으로 스크롤됩니다. 그 당시에는 _this.hover(autoStop,autoPlay).mouseout();

jQuery에서 hover 메서드는 매우 일반적으로 사용되는 메서드입니다. 첫 번째 매개 변수는 마우스를 사용할 때입니다. 개체 내부로 이동하는 이벤트, 두 번째 매개변수는 마우스가 개체 밖으로 이동할 때 발생하는 이벤트입니다
5. $("#scrollDiv").Scroll({line:4,speed:500,timer:3000,up:"btn2",down:"btn1"}); Scroll을 호출하고 실행: function(opt,callback), 그러나 , 여기에는 opt만 전달되며 콜백 함수는 없습니다. 그리고 매개변수를 전달하는 것도 매우 이상합니다. 하지만 이렇게 전달할 수 있다고 생각하면 객체와 동일합니다.

패주안에 대해 더 알고 싶어요.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿