文件名称: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