程序猿必备的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. ...
随机推荐
- Jquery_Ajax文件上传
如何实现jQuery的Ajax文件上传,PHP如实文件上传.AJAX上传文件,PHP上传文件. [PHP文件上传] 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的.实际上,在这里不管是 ...
- 01串(dp)
01串 时间限制:1000 ms | 内存限制:65535 KB 难度:2 描述 ACM的zyc在研究01串,他知道某一01串的长度,但他想知道不含有“11”子串的这种长度的01串共有多少个, ...
- Git 推送分支
1.推送本地分支到远程: git push origin master 推送本地分支 master 到 远程的 origin 上面 git push origin test 将本地分支test推 ...
- Linux命令之nano -
我使用过的Linux命令之nano - 比vi简单易用的文本编辑器 本文链接:http://codingstandards.iteye.com/blog/802593 (转载请注明出处) 用途说明 ...
- SQL中的delete和TRUNCATE的用法
TRUNCATE TABLE 表名 删除表中的所有行,而不记录单个行删除操作. 语法 TRUNCATE TABLE name 参数 name 是要截断的表的名称或要删除其全部行的表的名称. 注释 TR ...
- Mysql开发技巧之删除重复数据
Mysql利用联表查询和分组来删除重复数据 //删除表中重复的id,保留最大的id mysql> select * from user; +----+------+ | id | name | ...
- Tomcat学习笔记 - 错误日志 - NetBeans配置tomcat出错情况总结 -- 尚未授予访问 Tomcat 服务器的权限。请在服务器管理器的 Tomcat 定制器中设置 "manager-script" 角色的正确用户名和口令。 有关详细信息, 请查看服务器日志。
错误描述: 发布时控制台出现: 部署错误: 尚未授予访问 Tomcat 服务器的权限.请在服务器管理器的 Tomcat 定制器中设置 "manager-script" 角色的正确用 ...
- 轻量级jquery框架之--工具栏(toolbar)
工具栏需求: (1)要求工具栏可以通过JSON配置格式生成,这样可以从服务器端控制生成的JSON来控制UI层面的按钮状态 (2)可以自定义按钮的图标样式. (3)可以定义按钮事件,按钮事件需要支持以字 ...
- 如何在jQuery中使用 setInterval,setTimeout
当遇到setInterval,setTimeout与jquery混用的问题 时,直接按JavaScript中的语法写并不起作用,有以下两种解决方法. 方法1. 直接在ready中调用其他方法,会提示缺 ...
- 龙邱STM32单片机用J-LINK下载无法被识别的解决方法
问题如下: 按照正常步骤使用keil5给龙邱的stm32下载程序,SWD下载方式提示no cortex-m sw device found,JTAG方式提示no cortex-m device fou ...