咱的jQuery处女插：自动滚动插件诞生于周四，完善于周五，发布于周日，哈哈，其实也没有完善，只是代码上稍微整理了一下，在参数处理和容错性方面还有很多的不足，希望高手看了之后能够直言提出来，因为我也想进步~本来周六就可以发出来的，但是周末搬家了，还跟原来的房东吵翻天了，BT房东，不想说这事了，只能说：没文化，真可怕！

貌似偏了，赶紧回来了~插件的作用先说说：其实我之前也写过一篇文章：《分享公告栏轮换代码》，此插件的前身就是这个jQuery效果，然后我进行了一些封装，整合了水平翻滚和竖直翻滚两种方式（通过参数设置翻滚方式），方便了日后的利用，顺便分享出来看大家是否有需要，需要的话大可以拿去~还没看明白这插件的用处？那么请看Demo。

具体用法是这样的：

1.你要翻滚的内容必须具有如下HTML格式：

<--!id可换成class，但是建议用id-->
<div id="demo">
 <--!可以有多个ul，但是只有第一个ul会自动滚动--> 
 <ul>
  <li>...</li>
  <li>...</li>
  <li>...</li>
 </ul>
</div>

2.id为demo的div必须具有如下CSS属性，否则没有效果：

/*水平翻滚css*/
#demo1 {
 width:90px;
 height:30px;
 line-height:30px;
 overflow:hidden;
}
#demo1 ul {
 width:120px;
 height:30px;
}
#demo1 li {
 float:left;
 width:30px;
 height:30px;
 line-height:30px;
}
/*竖直翻滚css*/
#demo2 {
 height:30px;
 line-height:30px;
 overflow:hidden;
}
#demo2 ul {
 height:30px;
}
#demo2 li {
 height:30px;
 line-height:30px;
}

3.最后是引入jQuery和本插件并执行滚动函数：

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-autoscroll.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#demo1").autoScroll({type:"H"});
  $("#demo2").autoScroll({timer:3000});
 })
</script>

至此，基本上完成了代码部分，最后就是参数的设置了。插件目前需要设置两个参数：type和timer。

type的意思是类型，就是滚动类型，"H"（带引号）表示水平滚动；"V"（带引号）表示竖直翻滚。注意，都是大写的字母，小写的写进去也可以，只是没有效果罢了~~默认为"V"即默认竖直翻滚，就如我首页的推荐文章一样。"H"的效果就如此页面的水平翻滚的”肖像“一样。

timer的意思是定时器，就是滚动的时间间隔，设置为数字，以毫秒为单位，默认为5000。

具体怎么设置参数的例子可参见上面代码部分。也可使用firebug查看Demo附件中含有插件文件，jquery文件和演示文件，感兴趣的自行下载看看吧。

新环境，网速貌似是华数宽带，看网页和上传文件一点都不给力，真想去办电信的宽带，可惜袋里空空如也~~哎~~！