基于JQuery实现图片轮播效果(焦点图)

前端之家收集整理的这篇文章主要介绍了基于JQuery实现图片轮播效果(焦点图)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

自己写了一个纯jq形式的横向轮播焦点图,可点击小圆点或者左右按钮进行切换,属于定宽类型。改成自适应宽度的也不难,将css里面的bannerCon宽度改为百分比,再在js里面将ul和li的宽度跟随父级容器的宽度变化即可,需要用到$(window).resize。

兼容到IE6+以上浏览器,有轮播速度和切换间隔两个参数可以改。

效果图如下:

HTML代码如下:

<Meta charset="utf-8"> banner图

猜你在找的jQuery相关文章