返回 登录
0

超赞!8个jQuery焦点图动画赏析

jQuery焦点图插件的应用非常广泛,插件类型也很多,特别是图片切换的动画效果有简单的,也有超级炫酷的,有些甚至还有3D的动画特效。本文要分享一些效果超赞的jQuery焦点图动画插件,这些插件也许可以在你平时的工作中起到一定的协助作用。

1、宽屏可左右切换的jQuery焦点图插件

今天要继续为大家分享一款很不错的jQuery焦点图插件,它是宽屏展示的,而且有两个大气的按钮用来左右切换图片。

jquery-full-image-slider-switch

在线演示 / 源码下载

2、jQuery自动轮播图片焦点图插件

今天我们要继续来分享一款非常实用的jQuery焦点图插件,和其他的jQuery焦点图插件一样,它同样支持多张图片的任意跳转切换,同时,焦点图切换方式是水平的,而且相当流畅,因为这款jQuery焦点图实现很简单。

jquery-auto-image-slider

在线演示 / 源码下载

3、支持鼠标拖拽滑动的jQuery焦点图

记得之前我们分享过一款jQuery全屏广告图片焦点图,图片切换效果还不错。今天我们要分享另外一款jQuery焦点图插件,它的特点是支持鼠标拖拽滑动,所以在移动设备上使用更加方便,你只要用手指滑动屏幕即可切换图片。

jquery-slider-with-drag

在线演示 / 源码下载

4、jQuery全屏广告图片焦点图

全屏的jQuery焦点图插件在之前我们已经介绍过很多了,比如这款jQuery全屏滑块焦点图 可自定义内容。今天我们要介绍的这款jQuery全屏广告图片焦点图插件也非常不错,图片切换时有淡出淡出的动画效果,并且也相当流畅。

jquery-full-ad-slider

在线演示 / 源码下载

5、jQuery可自动播放动画的焦点图插件

之前我们已经分享过很多非常实用的jQuery焦点图插件,大部分对开发者来说基本上可以直接拿来使用。今天我们要分享一款可以自动播放动画的jQuery焦点图插件,它在切换图片的时候可以播放对应图片的各种动画效果。

jquery-slider-animation

在线演示 / 源码下载

6、jQuery/HTML5超炫全屏焦点图插件

这次我们要来分享一款非常绚丽的jQuery焦点图插件,同时这款焦点图也利用了HTML5和CSS3的相关特性,使图片切换效果更加丰富多彩。另外,这款jQuery焦点图插件的特点是全屏的效果,因此看上去也非常的大气和整体。

jquery-html5-full-slider

在线演示 / 源码下载

7、jQuery垂直滑动切换焦点图动画

对于jQuery垂直焦点图,我们之前已经分享过不少了,其中比较经典的这款jQuery纵向滑块焦点图插件,效果非常不错。今天我们要再介绍一款jQuery垂直滑动切换的焦点图动画,整个jQuery焦点图是宽屏的,显得十分大气。

jquery-ver-slider-animation

在线演示 / 源码下载

8、jQuery宽屏自动播放焦点图插件

记得之前我们已经分享过很多jQuery焦点图插件,比如支持鼠标拖拽滑动的jQuery焦点图jQuery宽屏时间轴焦点图插件都非常不错,简单而实用。今天我们要再来分享一款宽屏且可以自动播放图片的jQuery焦点图插件,同样的,在图片切换的时候会出现上一张和下一张的部分图片,实现三张图片之间的左右滑动切换。

jquery-auto-play-slider

在线演示 / 源码下载

以上就是8个效果超赞的jQuery焦点图动画插件,欢迎收藏分享。 转载请注明原文链接:http://www.html5tricks.com/best-8-jquery-image-silder.html

评论