HTML5实例 效果很炫的jQuery+css3图文切换立体式效果 附件提供了两个不同效果的图片切换效果,第一个是图文并茂,第二个是图片切换,切换的立体式效果很强。 本效果使用了ipresenter.packed插件,使用方法就不再赘述了。 只支持高版本浏览器,喜欢的懒人可以试 …
HTML5实例 jQuery+css3仿相机快门闪动效果 一款很不错的,使用jQuery+css3实现的特殊效果,可以模仿相机快门闪动的效果,特别类似iPhone手机上的相机快门圈效果。 因此内容作为欣赏的较多,故使用方法这里不再赘述。 文章来自WE7资源网www.bfwv.cn转 …
HTML5实例 litebox V1.1灯箱弹出jQuery窗口插件 多功能弹出窗口插件,轻量级的,模拟灯箱/模态窗口以图像。 支持嵌入You Tube,Vimeo,每日运动和iframes以及html内容。 使用方法: 1、链接两个'litebox.css ','images-loaded.js'和 …
HTML5实例 jquery.anoslide插件–响应式图片轮换播放效果 使用方法这里就不再赘述,毕竟网页中配备好多效果,且每个效果均有js解释说明 特点: 1、响应式——可调节效果至任意宽度大小 2、支持图文混合内容显示 3、无需css 4、轻量级(<8kb的插件) 5 …
HTML5实例 jQuery滚动实现页面图片3D切换效果(html5+css3) 一个由html5+css3实现的页面滚动,图片立体式加载的效果插件——jquery.tiltedpage-scroll 使用方法也比较简单: 1、在网页head中依次调用三个js和一个css文件 2、将“代码”部分拷贝 …
HTML5实例 jquery右侧滑动折叠效果导航菜单 网页右侧默认隐藏导航效果,点击后显示,始终保持全屏。 不支持低版本浏览器,推荐使用火狐或者谷歌等支持css+html浏览器 文章来自WE7资源网www.bfwv.cn转载请注明出处,谢谢!!!
HTML5实例 多种css3 loading效果 纯css3实现的多种loading效果,无需js,执行效率更高更快,耗费内存更低 附件提供了五种不同的效果,个人感觉第一个效果较为经典 使用方法: 1、在head中将两个css样式引入网页中 2、将html代码拷贝到你需 …
HTML5实例 鼠标点击按钮呈现水波扩散效果 html5+js实现的一款鼠标点击按钮后,从点击处向外扩散类似水波效果,效果简单易用 使用方法; 1、在页面的head中引入lanrenzhijia.css样式 2、在页面底部引入lanrenzhijia.js代码 3、将你需要的按钮效果对应 …
HTML5实例 HTML5 Canvas绘制灰太狼图像效果 偶然在网上看到这么一个html5效果,画出的灰太狼图像栩栩如生,真的是太棒了哇。当然,低版本浏览器并不支持 使用方法: 1、将css样式引入到你的网页中 2、将代码部分拷贝到你的网页中即可 文章来自WE7资源 …
HTML5实例 由html5实现的文件上传预览功能–zyUpload html5+ css3 + javascript 实现的文件上传功能,效果相当不错,未来流行的典范 使用方法也很简单: 1、除了index.html文件,其他的一一对应上传到你的网页目录下 2、在将index.html中的html以及js引入到你 …
HTML5实例 canvas实现的喜羊羊图像效果 即WE7资源网上次推荐的一款用canvas实现的灰太狼效果后,相关链接如下: http://www.lanrenzhijia.com/js/css3/2861.html 今天再给大家推荐一个用同样方法绘画的喜洋洋图像效果,效果很赞。 WE7资源网原创 …
HTML5实例 jQuery+css3模拟整个网页图片加载进度效果 jQuery实现的nprogress插件,实现整个网页图片相册以此加载效果 当前窗口内之外的图片不加载,下拉后才依次显示,效果很棒 同时整个网页顶部带有加载进度条 使用方法: 1、首先在你的网页中引入lanrenzhiji …
HTML5实例 html5模拟鲨鱼动画效果 由javascript和html5共同实现的一款动画效果,鲨鱼的嘴始终跟随鼠标移动,效果看起来比较逼真 使用方法简单: 1、将附件中的index.html中的css样式以及js复制到你的页面中即可 2、本效果无图片,所以不必过 …
HTML5实例 各种鼠标悬停css3动画效果 这几天突然在网上看到好多不错的鼠标悬停后css3动画效果 总共有31种不同的动画效果,包括放大、缩小、阴影、各个方向旋转、翻转、等等 使用方法: 1、取出你需要的效果对应的id号 2、将页面自带的style样式 …
HTML5实例 Kontext–模拟苹果ios系统页面过渡效果插件 Kontext——模拟ios手机系统立体式切换效果,效果逼真 直接将手机上的滑动效果拖到pc端,很不错 Kontext是context-shift的过渡,主要语言:javascript,css3 所以不支持低版本浏览器哦,需要在支 …
HTML5实例 左右多图全屏拖拽以及点击弹窗多图切换效果 效果描述: 左右全屏图片,鼠标悬停图片上显示文字说明内容 左右保持全屏效果,点击图片弹出窗口,同时支持窗口内部图片切换效果 文章来自WE7资源网www.bfwv.cn转载请注明出处,并保留本链接,谢谢!
HTML5实例 步步高vivo官网左右全屏动画焦点图 效果描述: 动画效果设计的非常漂亮,ui设计的也很棒 其中css3用的比较多,对低版本浏览器支持的不是很好 使用方法; 1、将head中的css以及js引入到你的网页中 2、将index.html中body中的html代码拷贝到你 …
HTML5实例 15款css3鼠标悬停图片动画文字效果 效果描述: 15种不同风格的鼠标悬停图片文字动画效果 可惜的是使用的css3实现 不支持低版本浏览器 好处是:纯css3实现,加载速度更快,内存占用更低,使用更加简便 使用方法; 分别引入css样式以及html代码 …
HTML5实例 3款不同图片左右全屏切换效果 效果描述: 上下左右图片保持全屏 图片采用绝对路径,不用为路径问题而烦恼了 点击左右图片按钮,图片分三种不同方式做切换 相信总有一个是适合你的 低版本浏览器下效果较差 使用方法简单: 跟之前类似,保 …
HTML5实例 支持图文点击全屏左右切换的jquery瀑布流效果 效果描述: 瀑布流排列方式,四列排列方式 以上效果都是比较普遍的方式 特点在于,点击任意一个之后,呈现出弹出样式,支持左右点击滑动切换,保持全屏效果 缺点:不支持低版本浏览器 使用方法: 1、将页面 …