三维空间立体式导航菜单
效果描述： 当鼠标移动到网页左侧的时候，隐藏的导航部分显示出来 同时右侧的呈现出立体式三维效果 使用方法： 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部分拷贝过去即可 文章来自WE7资 …
会员专享优质资源内容持续上新
css3简洁动感旋转圣诞树效果
效果描述： 立体式旋转效果非常棒的一款圣诞树效果 默认左右旋转 css3效果，低版本浏览器不支持 使用方法： 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部分拷贝过去即可 文章来自WE7资源 …
纯html5折叠式导航菜单
效果描述： 使用纯html5加css3实现的树形折叠式导航菜单效果 不使用任何js，也不用任何图片即可实现的效果 非常棒，使用也很方便 使用方法： 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部 …
html5手机触屏左右滑动图动画切换效果
效果描述： 可以放到移动端的html5动画切换效果 默认也可以自动切换 支持鼠标点击拖动、滑动 使用方法： 1、将head中的样式引入到你的样式表中 2、将body中需要的代码部分拷贝过去即可 文章来自WE7资源网ww …
多种css3滚动下拉动画加载效果
效果描述： 视觉效果非常不错的css3列表下拉动画效果，附件提供了多达16种不同的动画效果 懒人们可根据需要复制对应的article列表过去使用即可 使用方法： 1、将head中的样式引入到你的样式表中 2、将body …
css3颗粒全屏动画效果
效果描述： 之前推荐过好多此种canvas颗粒动画效果 今天再次推荐一个，其中包含红、黑、黄三种颜色 当然，你也可以将颜色修改为你喜欢的，可以在lanrenzhijia.js中修改颜色代码即可 使用方法： 1、将head中 …
基于canvas点状不断放大圆圈效果
效果描述： 效果用起来很舒畅 国外网站翻译够来的一款比较现代化风格的特效 喜欢的懒人可以下载自己研究下，至于用法，这里就不多讲了 毕竟大家基本上是用不到的 文章来自WE7资源网www.bfwv.cn转载请注明出 …
jQuery九宫格鼠标悬停动画效果
效果描述： 网页常见的win8平面颜色效果，这里用到了 当鼠标悬停在其中一个格子中，会有小小的动画效果 这是我遇到的第一个使用sea.js制作的企业版js动画 sea.js 作者：支付宝资深前端工程师 玉伯 使用方法 …
banneralert.js插件模拟IOS7顶部或者底部弹窗通知效
效果描述： 经常使用苹果手机的懒人应该知道，当你正在浏览手机的时候，突然来了一条短信 这个时候手机屏幕上方会有一个简单的下拉效果 今天特意整理了一个类似的可以让你手机网页变成如此效果的插件 使用 …
HTML5绚丽动画音乐播放效果
效果描述： 我们都知道html5有一个video功能，支持在线播放音乐、视频等内容 但是如果加上一个canvas功能的话，就完美了，带有动画效果，很有节奏感 使用方法： 1、将head中的样式引入到你的网页中 2、将bo …
jQuery+css3九宫格WIN8设计风格鼠标悬停动画效果
效果描述： 模仿win8设计风格，采用seajs插件，以及css3属性，实现鼠标移动到色块上的动画效果 使用方法： 1、将head中的样式引入到你的网页中 2、将body里的代码部分拷贝到你需要的地方即可 (注意保持图片 …
pageSwitch.js插件实现图片翻转切换效果
效果描述： 适合移动端的图片banner切换效果 底部有一个select选项，可以提供多种切换方式供给选择 其中包含了css3代码，所以不支持低版本的IE浏览器 适合H5用户使用 使用方法： 1、将head中的样式引入到你 …
css3圆球顺时针滚动效果
效果描述： 纯css3动画效果，不使用js代码 占用内存极低，且使用方便 直接复制相关html以及css到你的页面中即可 动画呈顺时针方向加速再减速运行 使用方法： 1、将head中的样式引入到你的网页中 2、将body …
适用于移动设备可伸缩扩展的搜索框
效果描述： 为移动设备设计的可自由伸缩的搜索框 一个点击伸展的搜索框 搜索框点击后将展开, 它是为移动设备设计的量身定制的。 使用方法： 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝 …
zepto.js插件适用于微信等移动浏览器动画滑动效果
效果描述： 我们常见到移动页面很多动画效果，但是自己原生开发一个动画效果是相当难的 今天就给大家推荐一套合适的模板 使用方法： 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需 …
css3点击动画效果
效果描述： 简单有效的css3动画效果，当然，其中还引入了多个js插件 使用方法： 1、将lanren.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径正确) 文章来自WE7资 …
HTML5立体式动画左右切换代码
效果描述： 一个立体式左右图片切换代码，其中使用了HTML5的SVG代码 当你点击左右切换按钮的时候，图片从上往下呈打散状分开切换样式 注意：低版本浏览器不支持 图片路径修改方法在js文件中第24行 使用方法 …
jQuery鼠标悬停图片列表绚丽动画效果
效果描述： 鼠标悬停在图片上后，显示很绚丽的动画效果，当鼠标移走后，恢复到默认状态 其中包含了大量的css3代码 js插件使用的也比较多 不兼容低版本浏览器 使用方法： 1、将css样式引入到你的网页中 2、 …
jquery手机版网页手动控制放大缩小图片代码
效果描述： 我们经常在移动网页端经常遇到需要放大后者缩小图片的效果 今天特意整理了一套代码，可以放大或者缩小图片 注意：适宜移动端浏览器 使用方法： 1、将css样式引入到你的网页中 2、将body中的代码 …
一些常见的适合移动浏览器使用的html5进度条lo
效果描述： 附件提供了10中不同样式的css3动画loading效果 选择其中一个适合你的 使用方法： 1、将head中的css样式引入到网页中 2、将body中的部分代码复制到你需要的地方即可 文章来自WE7资源网www.bfwv.c …