jQuery元素滚动插件simplyScroll

所属分类： JQ特效 UI 滚动

查看演示立即下载

插件描述：simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果，可以是自动、手动滚动，水平、垂直方向滚动。此外，它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。

支持水平和垂直滚动向前和向后

使用DOM scrollTop的/ ScrollLeft以获得最佳性能

支持环状滚动（无限的效果）

通过CSS和HTML的可完全自定义

支持的jQuery1.2.6及更高版本（测试可达1.7.1）

适用于所有主要的浏览器（包括IE6/7！）

===========以下内容由江南./ty. 提供===============

需要使用jQuery库文件和simplyScroll库文件

需要自定义显示元素(如，图片)的CSS样式

使用实例

一，包含文件部分

<script type="text/javascript" src="/jquery.js">
</script><script type="text/javascript" src="jquery.simplyscroll.js"></script>
<link rel="stylesheet" href="jquery.simplyscroll.css" media="all" type="text/css">

二，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>

三，javascript部分

<script type="text/javascript">
  (function($) {
     $(function() {
       $("#scroller").simplyScroll({
         autoMode: 'loop',
       });
     });
   })(jQuery);
</script>