分类目录归档:jQuery焦点图插件

jQuery横向手风琴图片切换动画

之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单jQuery横向手风琴图片展示插件。今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标题,非常实用。

jquery-vertical-accordion-image

在线演示源码下载

jQuery层叠式图片切换焦点图插件

之前我们为大家分享过一款jQuery内容层叠滚动切换动画插件,主要是针对文字的层叠式切换。今天要介绍的也是一款层叠式切换插件,不过它是一款jQuery焦点图应用,除了当前的图片,我们可以看到所有图片的一部分,切换后显示下一张图片,切换动画是层叠式的效果。

jquery-layered-image-player

在线演示源码下载

jQuery圆弧形图片播放插件 可自动播放

今天我们要为大家介绍一款非常有特色的jQuery图片播放插件,之前我们介绍的jQuery焦点图要么是左右切换,要么是上下切换,然后带有不同的过渡动画特效。但这款jQuery图片切换插件是沿着圆弧进行轮播切换的,更具有立体感,而且它也支持自动循环播放。

jquery-circle-image-player

在线演示源码下载

纯CSS3实现图文轮播焦点图插件

以前我们分享过很多基于jQuery和CSS3的焦点图插件,但是大部分都是多张图片的轮播。今天要介绍的虽然也是一款基于CSS3的焦点图插件,但是它的特点是可以同时进行图文轮播,准确的说,每个画面都可以自定义网页元素,是一款非常实用的焦点图插件。

css3-image-text-player

在线演示源码下载

jQuery带缩略图的焦点图动画 可切换背景

这次我们要分享一款很不错的jQuery焦点图插件,和之前的焦点图动画相同的是,它同样有缩略图,点击缩略图即可切换到任意一张图片,而且图片切换时也有淡入淡出的动画特效。但不同的是,这款jQuery焦点图插件在图片切换时网页的背景颜色也会随着改变,这个你可以自己设置。

jquery-image-slider-background

在线演示源码下载

经典实用的jQuery多过渡动画焦点图插件

这是一款相当实用的jQuery焦点图动画插件,它的特点是焦点图下方会有每一张图片的缩略图,点击缩略图即可快速切换到任意一张图片。另外一个特点是每一张图片切换时会出现多种过渡动画,这样让图片切换不那么单调。而且你可以用鼠标拖拽图片实现切换效果,因此也适合在移动设备上使用。

jquery-transition-slider

在线演示源码下载

jQuery 3D 垂直螺旋切换焦点图动画

在之前的分享中,我们已经为大家介绍过许多炫酷和实用的jQuery焦点图动画插件,比如最近刚分享的jQuery卡片切换焦点图动画CSS3 3D立体图片翻转焦点图。这次我们要给大家展示另外一款很绚丽的jQuery 3D螺旋切换焦点图动画插件,它的图片切换方式类似垂直的螺旋叶片一样,动画形式特别富有3D立体的视觉效果。

jquery-3d-spiral-slider

在线演示源码下载

jQuery卡片切换焦点图动画 内容可延迟展示

今天我们要来为大家分享一款比较特别的jQuery焦点图动画插件,它与我们之前分享过的焦点图插件不一样的地方在于,它切换的内容可以延迟展示,比如内容中的游戏人物图片就可以在整幅画面切换完成后再淡入显示,也就是说,它支持分步骤加载。

jquery-card-image-player

在线演示源码下载

jQuery层叠文字切换焦点图动画

之前我们介绍过很多基于jQuery和HTML5的焦点图动画插件,比如这款jQuery 3D翻转切换焦点图插件就非常有特色。这次就再分享一款十分有特色的jQuery层叠文字切换焦点图动画,效果也是很不错,不妨可以试试这款jQuery焦点图插件。

jquery-layered-text-player

在线演示源码下载

jQuery多动画自动切换焦点图插件

之前我们有分享过很多炫酷和实用的jQuery焦点图插件,他们中的很多都拥有华丽的切换动画和播放方式,可以手动点击按钮切换,也可以自动切换。今天我们要介绍的这款jQuery多动画切换焦点图插件是自动播放的,它的切换动画由多种格子组成,有不同的方向和显示方式。

jquery-mult-animation-slider

在线演示源码下载