myslideLeftRight 基于jQuery图片阁下无缝滚动插件,不便友谊链接阁下滚动。
思绪:
点击右边--
1.将第一个LI向左滑动,滑动的数值就是LI的宽度。(这里是用负margin-left来完成挪动。)
2.滑动实现后,将这个LI拔出到整个LI的最初一个(完成无缝滚动)
点击左边--
1.将最初一个LI拔出到一切LI的第一个,并将其定位到可见区域以外,(这里用的是margin)
2.再将其滑动到可见区域。
留意:这里的IF判别语句,是为了避免延续点击“左”或“右”的铵钮,而呈现的BUG;
这判别的意义:只有当LI没有处于动画状态时,才执行挪动函数。只需处于动画状态,点击时,任何事都没有发作。
思绪:
点击右边--
1.将第一个LI向左滑动,滑动的数值就是LI的宽度。(这里是用负margin-left来完成挪动。)
2.滑动实现后,将这个LI拔出到整个LI的最初一个(完成无缝滚动)
点击左边--
1.将最初一个LI拔出到一切LI的第一个,并将其定位到可见区域以外,(这里用的是margin)
2.再将其滑动到可见区域。
留意:这里的IF判别语句,是为了避免延续点击“左”或“右”的铵钮,而呈现的BUG;
这判别的意义:只有当LI没有处于动画状态时,才执行挪动函数。只需处于动画状态,点击时,任何事都没有发作。
标签: 模块加载器
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。