myslideLeftRight 基于jQuery图片左右无缝滚动插件

时间:2015-07-02 10:31:28
【文件属性】:

文件名称:myslideLeftRight 基于jQuery图片左右无缝滚动插件

文件大小:167KB

文件格式:ZIP

更新时间:2015-07-02 10:31:28

myslideLeftRight 基于jQuery 图片左右无缝滚动 插件

myslideLeftRight 基于jQuery图片左右无缝滚动插件,方便友情链接左右滚动。 思路:   点击左边--   1.将第一个LI向左滑动,滑动的数值就是LI的宽度。(这里是用负margin-left来实现移动。)   2.滑动完成后,将这个LI插入到整个LI的最后一个(实现无缝滚动)   点击右边--   1.将最后一个LI插入到所有LI的第一个,并将其定位到可见区域之外,(这里用的是margin)   2.再将其滑动到可见区域。 注意:这里的IF判断语句,是为了防止连续点击“左”或“右”的铵钮,而出现的BUG;   这判断的意思:只有当LI不处于动画状态时,才执行移动函数。只要处于动画状态,点击时,任何事都不发生。


【文件预览】:
index.html
images
----fr-logo-04.gif(4KB)
----fr-logo-05.gif(4KB)
----fr-logo-07.jpg(2KB)
----Thumbs.db(32KB)
----friend_bg.gif(117B)
----fr-logo-02.gif(5KB)
----fr-logo-01.gif(4KB)
----fr-logo-03.gif(5KB)
----fr-logo-06.gif(4KB)
----fr-logo-08.jpg(1KB)
----Sprite-index.png(83KB)
css
----style2.css(847B)
slidelf.js
jquery-1.5.1.min.js

网友评论

  • 还不错,效果还行