首页 > 编程 > JavaScript > 正文

基于jQuery实现的图片切换焦点图整理

2019-11-20 13:47:39
字体:
来源:转载
供稿:网友

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构造的。另外,动画使用了一张立体感很强的天空背景图,在蝴蝶飞舞的同时背景也跟着旋转,让蝴蝶飞舞时更加显得立体逼真。

在线演示

源码下载

以上特效都是在本站浏览量较高的,这里整理出来,方便小伙伴们查看,使用

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表