基于HTML5全屏图文左右滑动切换特效。这是一款基于jQuery+HTML5实现的全屏图文切换特效代码。效果图如下：在线预览    源码下载实现的代码。html代码：<main><divclass="cd-image-block"><ulclass=...

基于jQuery+HTML5加入购物车代码。这是一款基于jquery+html5实现的支持累加计价的网站购物车代码。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="ct-pageWrapper"><main><di...

基于html5顶部导航3D翻转展开特效是一款基于jQuery+HTML5实现的3D翻转网站导航菜单代码。效果图如下：在线预览    源码下载实现的代码。html代码：<headerclass="cd-header"><ahref="#0"class="cd-lo...

分享一款基于HTML5手机登录注册表单代码。这是一款鼠标点击注册登录按钮弹出表单，适合移动端使用。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="demo"><navclass="main_nav"><ul>...

基于html5背景图片自适应代码是一款背景不随滚动条滚动，会根据分辨率不同自动匹配对应的背景图片。效果图如下：在线预览    源码下载实现的代码。css代码：.jawbone-hero.jawbone-hero-image{position:absolute;background...

基于HTML5手机上下滑动翻页特效。这是一款手机移动端触屏滑动翻页代码下载。效果图如下：在线预览    源码下载实现的代码。html代码：<sectionclass="u-alert"><imgstyle="display:none;"src="images/l...

分享一款功能强大的HTML5滑块幻灯片。这是一款基于jQuery+HTML5实现的图片切换幻灯片代码。效果图如下：在线预览    源码下载实现的代码。html代码：<sectionclass="welcome"><divclass="container">...

分享一款基于html5可拖拽图片循环滚动切换。这是一款支持手机端拖拽切换的网站图片循环滚动特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="site-wrapper"><sectionid="section-header"data-colo...

分享一款基于html5海贼王单页视差滚动特效是一款流行滑落网页特效代码。效果图如下：在线预览   源码下载实现的代码：<divclass="top"><divclass="top_maincenter"><ulid="scene"class="scene"&g...

之前我们分享过很多超酷的文字特效，其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5Canvas的文字特效，输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。在线预览   源码下载实现的代码。html代码：<canv...

这是一组效果非常炫酷的HTML5SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果，使用SVG和CSS3来制作完成。这些浮动标签效果部分在元素的伪元素上使用CSStransitions和CSSanimations完成，一部分则使用SVG来制作变形动画。在线预览   源码下载HT...

今天给大家分享一款效果非常炫酷的HTML5SVG和CSS3蹦床式图片切换特效插件。该图片切换插件在进行图片切换时，整个屏幕就像一张大蹦床一样，将图片弹射出去，切换到另一张图片，效果非常有创意。效果图如下：在线预览   源码下载HTML结构该图片切换特效的HTML结构中，第一个元素是SVG图...

现在HTML5技术可以让网页上的图片变得非常神奇，各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列，你只需点击按钮即可让这些图片出现不可思议的动画效果，值得一看。效果图如下：在线预览   源码下载实现的代码...

今天给大家分享4个物理和重力实验，用来展示htmlcanvas的强大。几年前，所有这些实验都必须使用Java或Flash才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用htmlcanvas 做出来的。效果图如下：在线预览   源码下载主...

分享一款布料效果的HTML5Canvas应用演示，效果逼真。你会看到，借助Canvas的强大绘图和动画功能，只需很少的代码就能实现让您屏息凝神的效果。在线预览   源码下载实现的代码。html代码：<canvasid="c"></canvas><divid="...