实现思想一般是这样的
1. 一个大div是外框,里面有个滑块div,
滑块div里面横向排列着若干个obj,obj里面是什么都行,看你的具体需求
一般情况下obj是个a,里面直接是img
2. 当滑动的时候,滑块div整体向指定的方向滑动,操作margin或者是left之类的
3. 滑动的距离是obj的相应指标,如左右滑动,则滑动一个obj的宽度,上下滑
则滑动距离是obj的高度
4. 滑动结束后,将第一个obj克隆一份,放到滑块div的最后
5. 将滑块div里的第一个obj删掉
6. 删掉obj后,对滑块div可能有一些影响,宽度、左右位置之类的
细微调整一下
7. 打完收工,interval或者timeout一下,等待下一次运行
8. 另外再增加一下鼠标悬停事件之类的
悬停的时候,直接操作interval或者timeout就行了
【 在 meiyoua (apollo) 的大作中提到: 】
: 想用jquery实现一个图片slide ( 学习目的)
: 就是在一幅图片slideLeft出时,另外一幅紧跟着slide出来。 就是
http://zhidao.baidu.com/这个网页右侧图片广告的效果。
: 百度这个是纯js实现的,想问一下它的实现原理是什么?两幅图片怎么一起滑动的?
: ...................
--
FROM 119.40.51.146