HTML5实例 banneralert.js插件模拟IOS7顶部或者底部弹窗通知效 效果描述: 经常使用苹果手机的懒人应该知道,当你正在浏览手机的时候,突然来了一条短信 这个时候手机屏幕上方会有一个简单的下拉效果 今天特意整理了一个类似的可以让你手机网页变成如此效果的插件 使用 …
HTML5实例 HTML5绚丽动画音乐播放效果 效果描述: 我们都知道html5有一个video功能,支持在线播放音乐、视频等内容 但是如果加上一个canvas功能的话,就完美了,带有动画效果,很有节奏感 使用方法: 1、将head中的样式引入到你的网页中 2、将bo …
HTML5实例 jQuery+css3九宫格WIN8设计风格鼠标悬停动画效果 效果描述: 模仿win8设计风格,采用seajs插件,以及css3属性,实现鼠标移动到色块上的动画效果 使用方法: 1、将head中的样式引入到你的网页中 2、将body里的代码部分拷贝到你需要的地方即可 (注意保持图片 …
HTML5实例 pageSwitch.js插件实现图片翻转切换效果 效果描述: 适合移动端的图片banner切换效果 底部有一个select选项,可以提供多种切换方式供给选择 其中包含了css3代码,所以不支持低版本的IE浏览器 适合H5用户使用 使用方法: 1、将head中的样式引入到你 …
HTML5实例 css3圆球顺时针滚动效果 效果描述: 纯css3动画效果,不使用js代码 占用内存极低,且使用方便 直接复制相关html以及css到你的页面中即可 动画呈顺时针方向加速再减速运行 使用方法: 1、将head中的样式引入到你的网页中 2、将body …
HTML5实例 适用于移动设备可伸缩扩展的搜索框 效果描述: 为移动设备设计的可自由伸缩的搜索框 一个点击伸展的搜索框 搜索框点击后将展开, 它是为移动设备设计的量身定制的。 使用方法: 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝 …
HTML5实例 zepto.js插件适用于微信等移动浏览器动画滑动效果 效果描述: 我们常见到移动页面很多动画效果,但是自己原生开发一个动画效果是相当难的 今天就给大家推荐一套合适的模板 使用方法: 1、将style.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需 …
HTML5实例 css3点击动画效果 效果描述: 简单有效的css3动画效果,当然,其中还引入了多个js插件 使用方法: 1、将lanren.css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径正确) 文章来自WE7资 …
HTML5实例 HTML5立体式动画左右切换代码 效果描述: 一个立体式左右图片切换代码,其中使用了HTML5的SVG代码 当你点击左右切换按钮的时候,图片从上往下呈打散状分开切换样式 注意:低版本浏览器不支持 图片路径修改方法在js文件中第24行 使用方法 …
HTML5实例 jQuery鼠标悬停图片列表绚丽动画效果 效果描述: 鼠标悬停在图片上后,显示很绚丽的动画效果,当鼠标移走后,恢复到默认状态 其中包含了大量的css3代码 js插件使用的也比较多 不兼容低版本浏览器 使用方法: 1、将css样式引入到你的网页中 2、 …
HTML5实例 jquery手机版网页手动控制放大缩小图片代码 效果描述: 我们经常在移动网页端经常遇到需要放大后者缩小图片的效果 今天特意整理了一套代码,可以放大或者缩小图片 注意:适宜移动端浏览器 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码 …
HTML5实例 一些常见的适合移动浏览器使用的html5进度条lo 效果描述: 附件提供了10中不同样式的css3动画loading效果 选择其中一个适合你的 使用方法: 1、将head中的css样式引入到网页中 2、将body中的部分代码复制到你需要的地方即可 文章来自WE7资源网www.bfwv.c …
HTML5实例 实用于移动网页jquery手势解锁密码特效 效果描述: 我们看到很多APP启动的时候都需要你输入一个手势密码,感觉挺好 今天特意整理了一个网页版的APP供给大家使用,简单方便 使用方法: 1、将body中的部分代码复制到你需要的地方即可 (注意保持文件 …
HTML5实例 HTML5加载进度条百分比特效 效果描述: jquery.progress.js插件,支持html5 SVG loading动画加载效果 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 文章来自WE7资源网www.bfwv.cn转载请注明出 …
HTML5实例 jquery+css3实现扇形堆砌列表效果 效果描述: 低版本浏览器不支持的立体式堆叠效果 点击其中一个可以展开当前“一页” 再次点击右上角按钮后返回折叠效果 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分 …
HTML5实例 jquery立体式3D效果动画加载进度条 效果描述: 多种立体式3D loading特效 非常适合高版本浏览器下使用 特别是手机端啊等等 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (注意保持文件路径正确) 文章 …
HTML5实例 纯css3实现鼠标悬停后图片散开动画特效 效果描述: 现在css3已经成熟了,相关的css3动画越来越多 看起来也越来越舒服 今天特意收集6个鼠标悬停后的图片动画供给大家欣赏 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷 …
HTML5实例 canvas在高版本浏览器下自适应首屏幕鼠标动画效 效果描述: 本效果使用了html5中的canvas标签 加上特定的一些加上插件,成功的实现了网页首屏图片全屏 且兼容移动网页的效果 鼠标悬停后还有一些动画效果 非常不错 使用方法: 1、将head中的样式复制到你的 …
HTML5实例 zepto.min.js插件模拟微信拆红包摇晃特效 效果描述: 适合移动手机客户端浏览器的一款拆红包特效 点击后会有个抖动特效 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (不兼容低版本浏览器) 文章来自WE7资源 …
HTML5实例 css3模拟移动网页切换动画立体式效果 效果描述: 一个动画效果非常不错的,模拟移动网页切换的立体式效果 主要采用css3特效,jquery代码只是部分切换而已 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 ( …