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

超实用的jQuery淡入淡出焦点图插件 带3D相框

这是一款基于jQuery和CSS3的焦点图插件,这款焦点图的设计非常简单,仅仅是自动播放一系列相片,相片在切换的时候带有淡入淡出的动画特效,使用起来也十分方便。另外一个特点是,这款jQuery焦点图插件的相片外框呈现3D的效果,配合黑色的背景显得非常立体大气。

jquery-auto-fade-image-play

在线演示源码下载

jQuery SVG左右弹性切换全屏焦点图动画

今天我们要为大家分享一款非常时尚和大气的jQuery全屏焦点图动画,这款焦点图插件的特点有2个,一个是焦点图整体以全屏的方式呈现,显得非常大气,而且图片四周也有3D阴影,立体视觉效果非常独特。第二是焦点图在图片切换的时候以弹性淡入淡出的动画方式,显得相当时尚。动画采用SVG相关特性,扩展十分灵活。

jquery-svg-image-slider

在线演示源码下载

jQuery垂直手风琴焦点图插件 全屏背景图片展示

这次我们要来介绍一款外观非常大气的jQuery手风琴焦点图插件,这款手风琴焦点图插件的特点是以垂直的形式展开和收拢图片,图片收拢时将会以半透明的状态显示缩略图。最大的特点是切换每一张图片时,页面上将会充满整一张图片,全屏的方式展示背景图片,十分大气和具有立体感。

jquery-ver-image-accordion

在线演示源码下载

jQuery 3D卡片天气预报插件 支持手机端滑动

今天要向大家分享一款非常实用的jQuery天气预报插件,该插件有以下几个功能和特点:1、可以动态读取本地地区并针对该地区查询未来几天的天气情况;2、天气预报结果以卡片的形式展示,每一天的天气预报分都有一张卡片,并且以3D的形式展示这些卡片;3、在PC段可以通过鼠标来切换每一天的天气情况,而且在手机端同样支持触屏滑动切换。

jquery-3d-weather

在线演示源码下载

jQuery左右切换层叠式焦点图动画

今天我们要来分享一款非常实用的jQuery焦点图动画,它并没有绚丽的切换动画特效,但是却以层叠切换的方式展现,很适合大屏的焦点图插件应用。这款jQuery焦点图插件和之前分享的jQuery左右层叠幻灯片焦点图插件jQuery内容层叠滚动切换动画插件有类似的动画效果。

jquery-stack-image-player

在线演示源码下载

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

在线演示源码下载