程序猿必备的10款web前端开发插件一
1.CSS3实现的火柴燃烧Loading加载动画
这次我们要给大家分享一款非常特别的CSS3 Loading加载动画，整个Loading加载动画就好像是火柴在燃烧一样，不足的是火苗并没有那么真实，比较抽象，不过这款Loading动画还是比较富有创意，非常适合在一些个性化的页面上使用。
2.纯CSS3精美样式的飘带特效
还记得之前我们分享过一些基于CSS3的飘带样式菜单吗？比如这款CSS3 飘带菜单 超酷3D CSS3菜单和CSS3飘带状3D菜单 菜单带小图标。今天我们要给大家介绍另外一种CSS3飘带样式的特效，它非常适合在图片上标注一些文字描述，样式非常精美。
3.纯CSS3实现阴阳太极动画
这是一款很有趣的纯CSS3小动画，它是我们中国人都非常熟悉的阴阳太极图案，整个图案是利用纯CSS3绘制而成，而且更酷的是，这个太极图案还会不断旋转，看上去非常的神秘。而且这个旋转动画特效也是利用CSS3的动画属性实现。
4.jQuery/CSS3邮票边框的照片墙相册
今天我们要给大家分享一款非常个性化的照片墙，它的特点是我们可以将照片随意的陈列在桌面上，可以是不同的摆放角度；另外一个特点是图片的边框是邮票样式的，一张张图片就像漂亮的邮票一样，而且鼠标滑过图片时，图片右下角将会翻起，并且出现淡淡的投影，看上去很有立体的视觉效果。
5.jQuery圆弧形图片播放插件 可自动播放
今天我们要为大家介绍一款非常有特色的jQuery图片播放插件，之前我们介绍的jQuery焦点图要么是左右切换，要么是上下切换，然后带有不同的过渡动画特效。但这款jQuery图片切换插件是沿着圆弧进行轮播切换的，更具有立体感，而且它也支持自动循环播放。
6.纯CSS3实现图文轮播焦点图插件
以前我们分享过很多基于jQuery和CSS3的焦点图插件，但是大部分都是多张图片的轮播。今天要介绍的虽然也是一款基于CSS3的焦点图插件，但是它的特点是可以同时进行图文轮播，准确的说，每个画面都可以自定义网页元素，是一款非常实用的焦点图插件。
7.经典的jQuery垂直手风琴二级下拉菜单
最近我们刚刚为大家分享过一款基于jQuery和Bootstrap的垂直手风琴下拉菜单，效果非常不错。今天我们要再为大家介绍另外一款经典的jQuery垂直手风琴二级下拉菜单，菜单的界面非常简洁，菜单项由文字和小图标组成，非常适合网站后台管理的侧边菜单栏。
8.纯CSS3绘制可爱的神奇宝贝
CSS3非常强大，之前我们还介绍过很多基于纯CSS3的动画特效，比如纯CSS3绘制的旺仔头像动画，非常可爱。今天我们要为大家分享一款纯CSS3绘制可爱的神奇宝贝动物形象，特别的是，它还会眨眼、摇尾等表情，非常逼真。
9.jQuery头像裁剪插件 支持自定义上传图片
这是一款非常实用的jQuery头像裁剪插件，利用这款插件，我们可以对用户上传的头像图片进行区域的选定，然后按照约定的比例进行裁剪。这款jQuery头像裁剪插件不仅支持图片的缩放，而且支持用户自定义上传图片，简单易用，是一款很难得的jQuery插件。
10.超绚丽的 Bootstrap 水晶样式按钮集合
html5tricks网站开办以来，我们已经为大家分享过很多炫酷实用的按钮插件，有些基于HTML5，有些则是基于jQuery。这次我们要分享一款基于Bootstrap样式的水晶样式按钮，有很多种颜色样式供你选择，外观非常绚丽。你可以选择一个样式应用到自己的网页中。
程序猿必备的10款web前端开发插件一的更多相关文章
- 程序猿必备的8款web前端开发插件三
1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水 ...
- 程序猿必备的10款web前端动画插件
1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载. 今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名 ...
- 程序猿必备的10款web前端动画插件一
1.动画SVG框架幻灯片 在幻灯片之间切换时显示动画SVG帧的实验性幻灯片.不同的形状可以用来创建各种风格. 我们想和大家分享一个实验幻灯片.我们的想法是在从一个幻灯片转换到另一张幻灯片时,使SVG帧 ...
- 程序猿必备的10款超有趣的SVG绘制动画赏析
SVG作为时下比较新颖的技术标准,已经建立了很多基于SVG的前端项目.由于SVG在绘制路径上非常灵活,我们将很多网页上的元素使用SVG来绘制而成,有各种人物.小图标.小动画等等.今天我们收集了10个非 ...
- 程序猿必备的10款超炫酷HTML5 Canvas插件
1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我 ...
- 10款Web前端工具
10款让Web前端开发人员生活更轻松的实用工具.每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工 ...
- 10款web前端基于html5/CSS3应用特效
1.jQuery百叶窗效果焦点图 多种百叶窗动画方式 对于百叶窗动画效果,我们介绍的不是很多,目前就介绍过一款CSS3百叶窗图片切换.这次要给大家带来一个基于jQuery的多种百叶窗动画效果焦点图,焦 ...
- 2017年10月WEB前端开发实习生面试题总结
从大一开始学习前端,今年大三,10月份开始投简历,陆续收到很多家公司的面试,目前为止的面试通过率是百分之百,总结下面试题. 不定期更新中... 百度第一次 一面 1.AJAX流程 2.promise简 ...
- WEB 前端开发插件整理
下拉框插件 1.select http://select2.github.io/ 2.双 select http://loudev.com 3.selectbox http://aui.github. ...
随机推荐
- ListView之ArrayAdapter
ArrayAdapter 普通的显示listView子项,安卓的内置对象 使用方法: /* ListView :列表 通常有两个职责: a.将数据填充到布局 b.处理点击事件 一个ListView创建 ...
- jquery 鼠标图片经过效果
<script> //鼠标图片经过效果 $(function(){ $(".jione_box ").css("background-color", ...
- date命令小结
date命令是查看日期时间的常用命令,date MMDDhhmmYY.ss(修改顺序)用来更改时间 linux时间分为系统时间和硬件时间, [root@www doc]# clock--------- ...
- 不能修改“System Roots”钥匙串 即下载的.cer 文件添加不到钥匙串
双击提示 :不能修改“System Roots”钥匙串要更改根证书是否会被信任,请在“钥匙串访问”中打开它,然后修改它的信任设置. 解决办法:添加到 登录或显示LOGIN的 keychain(记 ...
- Struts2学习笔记 国际化（Internationalization）
概述 国际化(Internationalization),通途的讲,就是让软件实现对多种语言的支持.可以通过简单的设置就可以从一种语言切换到另一种语言.用的最多的地方就是在应用程序的界面表示上.我们经 ...
- C++文件
参考: C++文件读写详解(ofstream,ifstream,fstream):http://blog.csdn.net/kingstar158/article/details/6859379 fs ...
- 一个数n的最大质因子
#include<cstdio> #include<cmath> using namespace std; #define Max(x, y) (x > y ? x : ...
- C++程序设计实践指导1.15找出回文数改写要求实现
改写要求1:用单链表实现 #include <cstdlib> #include <iostream> using namespace std; struct LinkNode ...
- shell中的环境变量
局部(local)环境变量 定义局部环境变量的方式如下: variableName=value 需要注意的是variableName前面没有$符号,并且=两边没有空格. 局部环境变量只能在当前shel ...
- [置顶] highcharts封装使用总结
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习.个人网站和非商业用途使用.目前High ...