10款jQuery内容层叠滚动切换动画插件

1.jQuery/HTML5超炫全屏焦点图插

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

在线演示

源码下载

2.HTML5/CSS3动画相册 图片可倾斜摆放

记得之前我们分享过一个很酷的放满女神的HTML5/CSS3相册,相册是全屏展示的。今天我们又要来分享一个CSS3动画相册,这款相册的特点是图片可以任意角度的倾斜摆放,就像随意放在桌面上一样。另外,当鼠标滑过图片时,被遮挡在下方的图片也可以凸显出来

在线演示

源码下载

3.CSS3 3D旋转下拉菜单

这是一款带 D动画特效的CSS3菜单,该菜单有以下几个特点:首先是菜单时基于CSS3的,因此浏览器兼容性都还可以;其次这款菜单支持二级下拉菜单,功能上也基本能满足大部分开发者;最后这款菜单最大的亮点在于展开下拉菜单时,子菜单可以旋转的展开和收缩,给人3D的视觉效果

在线演示

源码下载

4.jQuery二级下拉菜单 菜单简易实

这次要分享的依然是一款jQuery下拉菜单,这款下拉菜单尽管只有二级下拉的功能,但是实际表现形式却可以使多级的下拉菜单。这款jQuery菜单的外观是红色的,看上去非常温暖,菜单的整体看上去非常简单,但是却相当实用,你可以试试

在线演示

源码下载

5.HTML5 Canvas实现画板涂鸦动画应用

记得之前我们分享过一款HTML5 Canvas画板工具,可以切换不同的笔刷,功能十分强大。本文今天要再来分享一款基于HTML5 Canvas的画板涂鸦动画应用,功能和之前那个类似,但是新增了回撤和清空画板的操作,实现思路也基本类似

在线演示

源码下载

6.jQuery内容层叠滚动切换动画插件

这是一款很有创意的jQuery内容滚动切换特效插件,我们可以设置任意数量的文字层,让其层叠在一起,然后点击按钮让其出现层叠滚动切换的效果,当然,它也支持自动滚动切换,另外,你也可以自己设置滚动切换的速度

在线演示

源码下载

7.100多个纯CSS3动画图标

这次我们要来分享一组纯CSS3打造的动画图标,总共100多个,每一个图标没有用图片,而是利用CSS3的相关特性来实现。在这些CSS3图标中,有部分是动态的,这些带动画的图标也是利用CSS3的动画属性实现的

在线演示

源码下载

8.Photopile JS 帮助你实现精致的照片堆叠效果

Photopile JS 是模拟照片散布堆叠在一起的 JavaScript/jQuery 图片库。点击缩略图,照片会弹出放大 ,再次点击照片会返回。缩略图是可拖动的,允许照片深深的堆在一起而不被覆盖,提高好的使用体验

在线演示

源码下载

9.JSCapture 基于 HTML5 实现的屏幕捕捉库

JSCapture 是用 JavaScript HTML5 实现的屏幕捕捉库。它可以让从您的浏览器中截图和记录在桌面的视频。JSCapture 使用 getUserMedia 来实现屏幕捕获。目前的屏幕捕捉 API 仅支 Chrome 浏览器

在线演示

源码下载

10.Draggabilly 轻松实现拖放功能(Drag & Drop

Draggabilly 是一个很小的 JavaScript 库,专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及 Bower 安装

在线演示

源码下载

未经允许不得转载:爱前端网 » 10款jQuery内容层叠滚动切换动画插件

赞 (0) 打赏


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏