jquery simpleScroll 图片滚动
HTML
<ul id="scroller">
<li><img src="image1.jpg" width="290" height="200"></li>
<li><img src="image2.jpg" width="290" height="200"></li>
<li><img src="image3.jpg" width="290" height="200"></li>
...
</ul>
<li><img src="image1.jpg" width="290" height="200"></li>
<li><img src="image2.jpg" width="290" height="200"></li>
<li><img src="image3.jpg" width="290" height="200"></li>
...
</ul>
JS
$("#id名").simplyScroll();
选项
Property | Default | Description |
---|---|---|
className | 'smooth-scroll' | Class name for styling |
frameRate | 24 | Number of movements/frames per second |
speed | 1 | Number of pixels moved per frame |
horizontal | true | Direction of movement: false for vertical |
autoMode | 'off' | 'loop' or 'bounce' (disables buttons) |
pauseOnHover | true | Pause scroll on hover (auto only) |
flickrFeed | '' | URL of flickr feed to use for Image JSON |
jsonSource | '' | Local URL for JSON image data (see source code) |
jsonImgWidth | 240 | Image width for Flickr/JSON data only |
jsonImgHeight | 180 | Image height for Flickr/JSON data only |