![基于bootstrap和animate.css的模态框效果](https://img.php.cn/upload/jscode/000/120/096/5d7f19717055b776.jpg)
![](/static/imghwm/eye.png)
基于bootstrap和animate.css的模态框效果,可以自定义显示隐藏的动态效果,可添加显示和隐藏时的回调方法,填充数据
![基于animate.css和原生JS实现的鼠标滚动动画效果](https://img.php.cn/upload/jscode/000/000/001/587990cdd16ee941.png)
![](/static/imghwm/eye.png)
基于animate.css和原生JS实现的鼠标滚动动画效果,挺不错的CSS3动画效果,基于CSS动画插件animate.css实现,animate.css拥有众多的动画特效而且是开源的,大家到官网看看吧。
![过渡动画效果的Bootstrap模态窗口](https://img.php.cn/upload/jscode/000/120/096/5d7f0dfa09f83164.jpg)
![](/static/imghwm/eye.png)
这是一款基于velocity.js过渡动画效果的Bootstrap模态窗口和Popover。该效果在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果。
![jQuery模态窗口打开动画效果](https://img.php.cn/upload/jscode/000/000/001/58d3822e174e1966.jpg)
![](/static/imghwm/eye.png)
jQuery模态窗口打开动画效果是一款在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果。
![基于animate.css的jQuery+CSS3文字动画插件](https://img.php.cn/upload/jscode/000/000/001/5a31e126c0857180.png)
![](/static/imghwm/eye.png)
多款效果酷炫的基于animate.css的jQuery+CSS3文字动画插件,CSS3网页动态文字特效代码。
![js模态对话框插件rmodal.js](https://img.php.cn/upload/jscode/000/120/096/5d78a6ff47ce0703.jpg)
![](/static/imghwm/eye.png)
rmodal.js是一款带动画效果的js模态对话框插件。rmodal.js模态对话框插件压缩版本仅1.2kb,没有任何外部依赖,可以制作出带动画特效的模态对话框效果。它的特点还有: 使用简单,执行效率高。 纯js编写,没有任何外部依赖。 支持包括IE9+的所有现代浏览器。 可以和bootstrap和animate.css结合使用。 支持CommonJS AMD 或 globals。
![jQuery+CSS3过渡动画模态窗口特效](https://img.php.cn/upload/jscode/000/000/001/58d372c0b0e52313.jpg)
![](/static/imghwm/eye.png)
jQuery+CSS3过渡动画模态窗口特效是一款基于Codrops的ModalWindowEffects来制作,通过jQuery插件的方式来统一管理各种打开模态窗口的效果
![基于Bootstrap支持移动端的响应式轮播图效果](https://img.php.cn/upload/jscode/000/000/001/5993aa8c6d906642.png)
![](/static/imghwm/eye.png)
bootstrap-carousel-touch-slider是一款基于Bootstrap支持移动端的响应式轮播图效果。该轮播图特效可以使用手指进行滑动切换。并且它和animate.css结合,可以制作出各种炫酷的文字动画效果。 使用方法 在页面中引入bootstrap相关文件,font-awesome.css字体图标文件,animate.min.css动画文件,以及jquery.touchS
![简单实用的Bootstrap选项卡效果](https://img.php.cn/upload/jscode/000/000/001/5993b9b5ddd86676.png)
![](/static/imghwm/eye.png)
这是一款基于Bootstrap的简单实用的选项卡效果。该选项卡在原生boostrap选项卡的基础上进行了一些美化,效果时尚大方,非常不错。 使用方法 在页面中引入jquery和bootstrap相关文件。
![基于HTML5的图片裁剪插件](https://img.php.cn/upload/jscode/000/000/001/587879b4d0d55659.png)
![](/static/imghwm/eye.png)
基于HTML5的图片裁剪插件,所见即所得的裁剪方式,可生成多张缩略图大小图片,基于HTML5 canvas 绘图实现,支持各种效果的裁剪,当然你如果需要保存图片还是需要后端服务程序裁剪图片,裁剪页面是基于Bootstrap框架实现。
![jquery缩略图和大图滚动切换预览特效](https://img.php.cn/upload/jscode/000/287/557/607e2ac58cd32230.png)
![](/static/imghwm/eye.png)
基于jquery加css相框图片预览,侧边缩略图点击展示相应的大图效果。这是一款常用的缩略图和大图结合切换预览特效。
![谷歌抖动窗口插件jquery-wobblewindow-plugin](https://img.php.cn/upload/jscode/000/120/096/5d832d7c5075c315.jpg)
![](/static/imghwm/eye.png)
这是一款可以创建gooey效果抖动窗口的jquery插件。该gooey效果抖动窗口基于HTML5 canvas来制作,可以在鼠标移入和移出HTML元素时,为其边框制作波浪状的抖动效果。
![jQuery鼠标移入抖动变形特效](https://img.php.cn/upload/jscode/000/000/001/59195d0719939967.jpg)
![](/static/imghwm/eye.png)
jQuery鼠标移入抖动变形特效是一款基于HTML5 canvas来制作,可以在鼠标移入和移出HTML元素时,为其边框制作波浪状的抖动效果。
![easyDialog 简单、实用的弹出层组件](https://img.php.cn/upload/jscode/000/120/096/5d7f1c6053595619.jpg)
![](/static/imghwm/eye.png)
easyDialog没有模板机制,只负责逻辑层的弹出效果,至于内容(消息框、表单、图片等)该如何呈现,easyDialog都不管,内容属于业务层的东西,业务需求是千变万化的,如果逻辑和业务结合很紧密,那么可移植性和可扩展性将大大降低。
![CSS3 3D魔方旋转图片切换查看特效](https://img.php.cn/upload/jscode/000/000/014/170891878051111.jpg)
![](/static/imghwm/eye.png)
CSS3 3D魔方旋转图片切换查看特效是一款鼠标选择任意图片,都可自动实现360度超炫3D旋转立方体的动画特效。