jQuery 멀티태스킹 스크롤 플러그인
3055 단어 jquery
/***
@description jQuery
@params auto: true #
interval: 3000 # （ ）
direction: 'forward' # - forward / - backward
speed: 500 # （ ）
showNum: 1 #
stepLen: 1 #
type: 'horizontal' # - horizontal / - vertical
prevElement: null #
prevBefore: function() {} #
prevAfter: function() {} #
nextElement: null #
nextBefore: function() {} #
nextAfter: function() {} #
pauseElement: null #
pauseBefore: function() {} #
pauseAfter: function() {} #
resumeElement: null #
resumeBefore: function() {} #
resumeAfter: function() {} #
@author [email protected]
@url https://github.com/wange1228/marquee-slide
@blog http://wange.im
@version 0.4.3
***/demo 주소: http://wange.im/demo/marquee-slide/marquee_slide.html
스크롤 영역: div 컨텐트는 다음과 같습니다.
<div id="wrap1" class="wrap">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
<script type="text/javascript">
$(function() {
$('#wrap1').marquee();
})
</script>스크롤 영역의 내용이 div인 경우
<div id="wrap2" class="wrap">
<div class="ul">
<div class="li">1</div>
<div class="li">2</div>
<div class="li">3</div>
<div class="li">4</div>
<div class="li">5</div>
<div class="li">6</div>
<div class="li">7</div>
<div class="li">8</div>
<div class="li">9</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#wrap2').marquee();
})
</script>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
