9款jQuery带缩略图焦点图插件赏析

  • A+
所属分类:前端技术
摘要

jQuery焦点图在网页应用中十分广泛,今天要分享的9款jQuery焦点图的特点是带有缩略图,点击缩略图即可切换图片。部分jQuery缩略图焦点图利用了CSS3技术,让焦点图特效非常绚丽。让我们一起来看看这9款jQuery带缩略图焦点图插件吧。

jQuery焦点图在网页应用中十分广泛,今天要分享的9款jQuery焦点图的特点是带有缩略图,点击缩略图即可切换图片。部分jQuery缩略图焦点图利用了CSS3技术,让焦点图特效非常绚丽。让我们一起来看看这9款jQuery带缩略图焦点图插件吧。

1、仿苹果样式的jQuery图片滑块焦点图

这是一款基于jQuery的焦点图插件,该jQuery焦点图样式是仿苹果的,外观非常炫酷,图片切换十分流畅,并且有缩略图按钮。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

2、jQuery带缩略图与标题切换焦点图

这款jQuery焦点图拥有缩略图,而且在切换到大图片时图片还有描述,非常酷的jQuery焦点图。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

3、jQuery宽屏带缩略导航焦点图

这款焦点图有两个特点,第一就是宽屏,够大气。第二就是带有缩略图导航,方便浏览大图片。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

4、jQuery图片切换多种过渡效果

这是一款非常绚丽的jQuery图片切换播放插件,图片切换时,拥有几种不同的过渡效果,而且这几种过渡效果是随机出现的。整个jQuery图片播放插件外观也十分大气,图片播放效果流畅。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

5、带TAB移动箭头的jQuery焦点图

这是一款基于jQuery的Tab焦点图,焦点图下方有缩略图,鼠标滑过缩略图时有Tab箭头滑动动画,是一款滑动比较流畅的jQuery焦点图。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

6、360Shop带缩略图的轮播焦点图

这是一款来自360Shop的jQuery焦点图,这款焦点图的特点是在图片切换的按钮上显示原图片的缩略图,非常实用。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

7、带缩略图jQuery焦点图

这款jQuery焦点图的特点是具有缩略图,并且缩略图滑过后会向上凸起,切换方式以淡入淡出为主,还不错的jQuery焦点图。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

8、带数字索引的jquery焦点图

这是一款来自易迅网的产品展示焦点图,该jQuery焦点图在右侧有竖向数字索引,鼠标滑过数字索引即可切换图片。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

9、jQuery图片点击切换插件jCarousel

jCarousel是一款基于jQuery的图片播放插件,点击缩略图即可播放图片,可以放任意张缩略图。

9款jQuery带缩略图焦点图插件赏析

在线演示        |        源码下载

以上9款jQuery带缩略图焦点图插件就分享到这里了,由码农网首发,转载请注明原文地址:http://www.codeceo.com/article/11-jquery-thumbnail-image-play.html

  • 免费优惠券
  • 免费领取优惠券
  • weinxin
  • 支付宝红包领取
  • 支付宝大额红包
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

关闭震动