jQuery实现滚动效果

前端之家收集整理的这篇文章主要介绍了jQuery实现滚动效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了jQuery实现滚动效果展示的具体代码,供大家参考,具体内容如下

1. 图片轮播:

原理如下:

假设有三张图片,三张图片实际上都是存在于页面上的,但是由于设置的可视部分的大小(这里主要考虑宽度)是小于等于一张图片的大小的,想要看到其他图片的话,最直接的想法就是将需要显示图片放在可视区域,也就是说需要改变的是整个图片区域的偏移值(left/right)

具体实现:

<Meta charset="utf-8">