前端资源网-html5实例-css3实例-jquery实例-爱编程

响应式商品展示和商品信息比较网格布局界面

这是一款由codrops出品的响应式商品展示及商品信息比较网格布局界面。该网格布局界面使用flexbox来制作商品的网格布局。通过每个商品面板右上角的“+”号可以将该商品添加到比较列表中，最多可以添加3个比较商品。在比较界面会以三列展示出商品的详细信息，用户可以对商品
2018-02-04 01:28
HTML5 canvas带渐变色的圆形进度条动画

jquery-circle-progress是一款带渐变色的圆形进度条动画特效jQuery插件。该圆形进度条使用的是HTML5 canvas来绘制圆形进度条及其动画效果，进度条使用渐变色来填充，效果非常的酷。使用方法script src="jquery/1.11.0/jquery.min.js"/scriptscript src="jquery-circle-pr
2018-02-04 01:28
HTML5 canvas支持触摸屏的签名涂鸦插件

jq-signature是一款基于HTML5 canvas的支持移动触摸设备的在线签名和涂鸦jQuery插件。可以使用该jQuery插件来制作在线签名或涂鸦板，用户绘制的东西可以用图片的形式保存下来，非常方便实用。关于使用HTML5 canvas制作涂鸦板的方法，可以参考《使用html5 canvas制作涂鸦画
2018-02-04 01:28
2个HTML5 SVG超炫播放器按钮动画特效

这是一款基于HTML5 SVG使用GASP/TweenMax制作的超炫播放器按钮动画特效。这两个播放器按钮动画特效中的按钮使用SVG制作，动画则由TweenMax来完成。效果非常的炫酷。制作方法HTML结构这个播放器按钮动画的基本HTML结构如下。div class="view__menu"div class="menu__inner
2018-02-04 01:28
可将canvas图像导出为多种格式图片的jQuery插件

ExportCanvas是一款非常实用的可将canvas图像导出为多种格式图片的jQuery插件。该canvas图像导出插件使用浏览器的下载功能将canvas中的图像下载到本地，你可以指定多种类型的图片格式：PNG，JPEG，GIF，BMP，WEBP。使用方法在页面中引入jQuery和export-canvas.js文件。sc
2018-02-04 01:28

HTML5 canvas粒子飞射的loading进度条特效

这是一款使用HTML5 canvas制作的效果非常酷的loading进度条特效。该loading进度条在动画的时候会有粒子从进度条头部不断的飞射出来，并且进度条的颜色还会随机改变，非常有创意。制作方法HTML结构这个loading进度条使用一个空的canvas来制作。canvas/canvas
2018-02-04 01:28
基于canvas的jQuery幸运抽奖大轮盘插件

rouletteWheel是一款基于HTML5 canvas的可用于制作幸运抽奖大轮盘的jQuery插件。该抽奖大轮盘抽奖允许你添加任意数量的“奖品”，并会随机为它们添加一种不同的颜色。它的特点有：在轮盘的中间设置一个固定圆形按钮来替代button按钮。在某个项目被选择后可以使用回调函数
2018-02-04 01:28
超炫HTML5 SVG聊天框拖拽弹性摇摆动画特效

这是一款非常有创意的HTML5 SVG聊天框拖拽弹性摇摆动画特效。用户可以用鼠标点击或用手滑动聊天框上的指定区域，该区域会以非常有弹性的弹簧效果拉开聊天用户列表。点击一个用户头像后，又以相同的弹性特效切换到聊天界面，并且用户头像会移动到聊天界面的右上角。整个动
2018-02-04 01:28
基于HTML5 canvas的jQuery刮刮卡效果

ScratchIt是一款基于HTML5 canvas的jQuery刮刮卡效果插件。这个刮刮卡效果使用两张图片和canvas来制作，可以使用鼠标擦除上面的图片，将下面的图片显露出来，模拟现实的刮刮卡效果。使用方法使用这个刮刮卡插件需要引入jQuery和scratchit.js文件以及scratchit.css文件。l
2018-02-04 01:28
2种SVG和CSS3创意无限循环动画特效

这是一款使用SVG和CSS3制作的非常有创意的无限循环动画特效。该无限循环动画特效共有两种效果，一种是模拟鱼儿跃起在落入水中的动画，一种是一条线绕无穷符号不断动画的特效。这两种动画特效的灵感来自于《7种基于GSAP的SVG Loader加载动画特效》，是根据它里面的两种效果
2018-02-04 01:28
HTML5 canvas绚丽宇宙星空背景特效jQuery插件

这是一款效果非常炫酷的宇宙星空背景特效jQuery插件。该插件基于HTML5 canvas制作出一个绚丽的宇宙星空背景，并且星空可以随鼠标进行移动，制作出星空漫游的效果。使用方法该星空背景插件的使用方法非常简单，首先要引入jQuery和jquery-starfield.js文件。script src='js
2018-02-04 01:28
HTML5和CSS3超酷创意摄影图片网站模板

这是一款非常有创意的HTML5和CSS3摄影图片网站模板。该模板将各类摄影图片进行分类，可以通过鼠标拖动来查看各个分类。当用户点击了某个图片分类之后，该图片分类的所有图片向下展开，显示每一张图片的详细信息。模板中的滑动幻灯片效果是基于Flickity幻灯片插件制作的。
2018-02-04 01:28
基于Bootstrap 3可预览的HTML5文件上传插件

bootstrap-fileinput是一款基于Bootstrap 3.x的HTML5文件上传插件。该文件上传插件带有预览图效果，可同时选择多个文件。该插件使用bootstrap CSS3样式来制作文件上传界面，美观大方。并且它提供了多国语言，你可以选择使用中文。该文件上传插件比普通的文件上传插件功能
2018-02-04 01:28
11种HTML5和CSS3炫酷文字样式和鼠标滑过特效

这是一款效果非常炫酷的HTML5和CSS3文字样式和鼠标滑过特效插件。该文字特效中包含了11种不同的文字样式和鼠标滑过文字时的动画效果。部分文字动画效果使用了SVG和HTML5 Canvas来制作。注意这些效果并不是在所有的浏览器中都能正常工作的。请使用最新版额现代浏览器来查看
2018-02-04 01:28
HTML5 canvas炫酷3D雪花飘落特效

nice-Snowing是一款使用HTML5 canvas制作的效果非常炫酷的3D雪花飘落特效插件。该雪花飘落特效使用不同的canvas来制作不同层次的雪花效果，使整个下雪场景具有明显的3D空间层次感，使下雪效果更加真实。使用方法使用该雪花飘落特效首先要引入jQuery和snow-plugin.js文件。
2018-02-04 01:28
HTML5 SVG炫酷气泡导航和波浪式页面切换特效

mojs是一款效果非常炫酷的HTML5 SVG气泡导航和波浪式页面切换特效。该插件将导航按钮制作为各种颜色的圆形气泡，当点击了一种颜色的按钮，一道圆形波浪从页面中心展开，接着切换到相应颜色的页面，并带有非常酷的动画效果。该插件使用SVG来制作各种圆形气泡和其它图形。其
2018-02-04 01:28
HTML5 SVG炫酷垂直Tabs选项卡布局特效

这是一款效果非常炫酷的HTML5 SVG和jQuery垂直选项卡布局特效。该选项卡布局将tabs垂直排列在左侧，每个Tab都使用SVG来制作图标，当用户切换Tab时，旧的选项卡往上移动，新的选项卡从上面往下移动，效果非常酷。制作方法HTML结构该选项卡使用一个div#wrapper作为整个选项
2018-02-04 01:28
将块级元素转换为不同形状的SVG图形的jQuery插件

shapeshifter是一款可以将块级元素转换为不同形状的SVG图形的jQuery插件。该jQuery插件内置了15种SVG图形，可以将任何div等块级元素转换为这些图形形状。该jQuery插件的特点有：15种内置SVG图形：六角形，星形，五边形，等边三角形，长方形，八角形，九边形，十边形，左向
2018-02-04 01:28
基于JSON数据HTML5视频播放器js插件

frame-player是一款基于JSON数据HTML5视频播放器js插件。该插件没有使用视频文件，只使用JSON格式的数据。在移动手机设备上使用图片帧的形式来播放视频文件。HTML5视频文件的一个最大问题是不能再手机设备上在线播放。通常手机设备的解决方案是通过原生的播放器来打开HTM
2018-02-04 01:28
HTML5和jQuery轻量级音频播放器插件

Light-AudioPlayer是一款基于jQuery，HTML5和CSS3的轻量级音频播放器插件。该音乐播放器采用CSS3制作界面，具有体积小，自适应各种屏幕等特点。可以在桌面和移动设备中正常工作。该音乐播放器的特点有：轻量级：整个插件在JS、CSS压缩后最小只有4KB快速响应：采用CSS3特性
2018-02-04 01:28

加载中...