首页 > 代码库 > 10款jQuery+CSS3实现的多种图片切换焦点图

10款jQuery+CSS3实现的多种图片切换焦点图

1.js实现的七屏百叶窗焦点图动态特效

可以实现可以同时显示很多找竖行百叶窗效果的缩略图,代码,鼠标悬浮在一张缩略图上时,该图片就在原位置变亮并慢慢展开,同时两边的缩略图就往两边缩小靠近,需要此种焦点图效果的朋友们可以前来下载使用。

在线演示

源码下载

2.jQuery+CSS3实现的多种图片切换方式简易焦点图

今天要来分享一款简易的jQuery+CSS3焦点图应用,这款焦点图应用的图片切换方式非常丰富,而且焦点图的切换按钮比较小,图片篇幅占据比较大,因此总体比较大气。

在线演示

源码下载

3.HTML5实现的3D图片阴影翻转动画

这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。结合电影海报图片与翻转特效更显美观大方,是一款非常优秀的特效源码。

在线演示

源码下载

4.jquery实现的带左右切换按钮全屏JS焦点图广告轮播

是一款非常适合淘宝店铺主页以及官网使用的带左右切换按钮的全屏JS焦点图广告轮播效果代码。

在线演示

源码下载

5.HTML5实现的3D投影效果图片切换焦点图

利用HTML5和CSS3技术制作一个图片焦点图特效非常简单,但是如果我们要让这款焦点图足够的精致,那就要花上比较大的力气。今天要分享的这款HTML5实现的3D焦点图切换应用就非常酷,图片下方有一道投影,使得焦点图有立体的视觉效果。另外,图片切换的方式也有多种,每种切换方式都有不同的3D立体效果。

在线演示

源码下载

6.基于jQuery实现的打飞机游戏

这次我们要分享一款用jQuery实现的打飞机游戏,游戏一共有三种模式,纯屌丝模式、高富帅模式、李少侠模式,这三种模式飞机发射的子弹越来越多因此难度也越来越简单,因为这款游戏用jQuery实现,所以基本能兼容所有浏览器,是一款非常优秀的游戏源码。来测试一下你是纯屌丝、高富帅还是李少侠?

在线演示

源码下载

7.HTML5基于SVG实现的超逼真3D蝴蝶飞舞动画

这次我们要分享的这款HTML5动画简直就是逆天,利用SVG制作的3D蝴蝶飞舞动画,蝴蝶飞舞动画非常逼真,蝴蝶飞舞的路线是利用SVG构造的。另外,动画使用了一张立体感很强的天空背景图,在蝴蝶飞舞的同时背景也跟着旋转,让蝴蝶飞舞时更加显得立体逼真。

在线演示

源码下载

8.纯css3实现的超炫3D表单

今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜,当鼠标经过的时候表单动画回正。效果非常炫。

在线演示

源码下载

9.响应式全屏无缝切换幻灯片DivasSlider

响应式全屏无缝切换幻灯片DivasSlider

在线演示

源码下载

10.来自 Codrops 的7种创新的拖放交互界面

Codrops 分享了一些界面拖放的交互设计想法。基本的思路是在拖动一个项目的时候,为特定的操作呈现出可投掷的区域。这节省了大量的界面空间 ,并给出了一个有趣的动态的互动。有很多应用场景,例如分类和组织内容(像 Pinterest 的面板),或在邮件应用程序或内容管理系统中执行一些操作。

在线演示

源码下载

>> 本文固定链接: http://www.i7758.com/archives/883.html

10款jQuery+CSS3实现的多种图片切换焦点图