carousel效果图:
需要注意的几点:
如何实现图片轮播的效果的关键就在于动态修改图片的样式信息。使用jQuery的animate()函数。
如何修改样式信息能得到一个轮播的效果,关键就在于图片的位置。本例中每次动态修改图片的left属性。
需要绑定那些事件:
1.前进、后退按钮的click事件
2.右下角索引按钮的hover事件
页面加载后会默认图片自动轮播,这使用setInterval()函数来实现
具体实现:点击打开链接
carousel效果图:
需要注意的几点:
如何实现图片轮播的效果的关键就在于动态修改图片的样式信息。使用jQuery的animate()函数。
如何修改样式信息能得到一个轮播的效果,关键就在于图片的位置。本例中每次动态修改图片的left属性。
需要绑定那些事件:
1.前进、后退按钮的click事件
2.右下角索引按钮的hover事件
页面加载后会默认图片自动轮播,这使用setInterval()函数来实现
具体实现:点击打开链接