jquery实现横向图片轮播特效代码分享

前端之家收集整理的这篇文章主要介绍了jquery实现横向图片轮播特效代码分享前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一个纯jq形式的横向轮播焦点图,可点击小圆点或者左右按钮进行切换,属于定宽类型。改成自适应宽度的也不难,将css里面的bannerCon宽度改为百分比,再在js里面将ul和li的宽度跟随父级容器的宽度变化即可,需要用到$(window).resize。 兼容到IE6+以上浏览器,有轮播速度和切换间隔两个参数可以改。效果图如下:

HTML代码如下:

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

猜你在找的jQuery相关文章