图片无缝滚动【原创】

web前端 杭州小白 jQuery图片无缝滚动【原创】

其实吧,这个图片无缝滚动网络上到处都有的哈,哈哈,说是自己的原创嘛,其实说是也是,说不是也不是,反正根据自己的需要写的 jQuery版本的图片无缝滚动.

大概样子如下图:

具体的配置功能如下:

主要实现功能,点击左右按钮图片移动指定的位移,同时可以自动轮播图片.主要是无缝的图片滚动.如果您自己看了,会发现比其他的图片无缝滚动要好一点点.嘿嘿.这个只有自己亲自用过才晓得咯。。。

具体的详情请看demo 咯,我相信许多人应该有用得着的地方,哈哈,有bug欢迎指正和拍砖.

稍微介绍一下:这个可以想设置几个就设置滚动几个,但是注意地方是li 的宽度固定

必配置:

moveUl:要移动的ul

Prev:上一个按钮

Next:下一个按钮

可选:

moveNum:移动的个数  默认是5个

moveTime: 移动过去的时间 默认是500

isAuto:是否轮播,默认false.


上面如果设置isAuto之后,可以配置下面的参数:

可选

offSet:自动轮播时间间隔 默认5000

AutoDirection:轮播默认的方向 默认向右,可配置右边0 左边1

【PS:demo中一个未设置自动播放,一个设置了自动播放.可以参考源码修改成自己需要的玩意. 一切以最终demo里面的版本为主】

本文固定链接: http://www.xiaobai8.com/Blog/629.html | web前端,杭州小白的个人博客,小白的个人博客

该日志由 杭州-小白 于2012年10月16日发表在 jQuery 分类下,
原创文章转载请注明: 图片无缝滚动【原创】 | web前端,杭州小白的个人博客,小白的个人博客
关键字: , ,

报歉!评论已关闭.