浙江铃声推荐联盟

HTML5 Tricks 网页

计算机网路技术2019-11-07 10:25:40

RSS订阅




基于Vue.js的冒泡排序模拟动画

687 人浏览

发表回复

2018-04-20 16:25:46

vue.js是一款轻量级的渐进式JavaScript框架,之前我们也分享过一些基于vue.js的应用,例如这款基于Vue.js的Tooltip用户通知弹出框和基于Vue.js的超实用科学型计算器。这次给大家带来了一款基于Vue.js的有趣动画,它主要模拟了冒泡排序的过程,冒泡排序大家应该非常熟悉,这次用vue.js来直观展现冒泡排序的全过程,还是非常富有创意的。

在线演示源码下载

本条目发布于。属于HTML5应用分类,被贴了Vue.js、冒泡排序 标签。

基于Echarts的HTML5 Canvas中国地图

905 人浏览

发表回复

之前我们分享过几个基于HTML5和SVG的地图应用,例如这款HTML5世界地图利用了SVG的path特性,又比如这款jQuery矢量SVG地图插件JVectorMap同样通过SVG和jQuery实现。这次我们要分享一款基于Echarts的中国地图,底层技术是HTML5 Canvas技术,正是利用了Canvas中绘制图形的便利性,这款中国地图应用可以为每一个省添加描述信息。

在线演示源码下载

本条目发布于。属于HTML5应用分类,被贴了HTML5 Canvas、HTML5地图 标签。

jQuery大屏图文切换时间轴 可循环播放

635 人浏览

发表回复

2018-04-14 09:56:17

今天要给大家带来一款比较特别的jQuery图片切换播放器,它的特点在于切换的不仅仅是图片,而是图文,另外每一幅图文关联时间轴上的一个节点,时间轴跟随图文切换而移动。同时,这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍历史信息,那么这款jQuery插件就非常适合你。

在线演示源码下载

本条目发布于。属于jQuery插件、jQuery焦点图插件分类,被贴了 时间轴、焦点图 标签。

CSS3 3D线条变换进度条动画

746 人浏览

发表回复

2018-04-12 23:10:04

之前我们分享过很多CSS3进度条动画插件,比如这9款超富有创意的CSS3进度条动画,另外还有很多。今天给大家带来的是一款基于CSS3的3D线条变换进度条动画,它是由一系列排成一行的点通过线条旋转变换形成的3D立体动画来构建一个带有进度条视觉效果的动画特效,特别适合应用在个性化比较强的页面上。

在线演示源码下载

本条目发布于。属于HTML5应用分类,被贴了CSS3动画、CSS3进度条 标签。

纯CSS3磁带动画特效

460 人浏览

发表回复

2018-04-10 23:10:13

之前我们分享过一些基于HTML5和CSS3的磁带动画,比如这款纯CSS3实现超酷的磁带动画是利用CSS3绘制而成;这款HTML5卡带式古典播放器更是利用HTML5技术实现了磁带播放音乐。今天要带来的是一款纯CSS3绘制而成的磁带特效,它利用CSS3特性绘制了磁带,同时利用CSS3动画属性实现磁带的滚动。

在线演示源码下载

本条目发布于。属于HTML5应用分类,被贴了CSS3动画、磁带动画 标签。

CSS3 3D立方体焦点图动画

469 人浏览

发表回复

之前我们分享过很多基于jQuery和CSS3的焦点图动画插件,大部分都是在平面上通过过渡动画切换不同的图片,例如这里就有10款非常不错的jQuery/CSS3焦点图插件。今天我们要在这里继续分享一款基于CSS3的焦点图插件,它的特点是图片切换容器是一个3D的立方体,点击图片后即可将该图片呈现在立方体的前面。

在线演示源码下载

本条目发布于。属于HTML5应用分类,被贴了焦点图 标签。

HTML5 Canvas带边框的粒子动画进度条

594 人浏览

发表回复

2018-03-31 10:19:25

还记得很早以前,我们分享过一款基于HTML5 Canvas的粒子动画进度条,非常富有创意。今天我们要带来的同样是一款基于HTML Canvas的粒子进度条动画,不同的是这款进度条相对是扁平样式的,进度部分带有细边框。

在线演示源码下载

本条目发布于。属于HTML5应用分类,被贴了HTML5 Canvas、HTML5进度条 标签。

jQuery/CSS3激活动画按钮

443 人浏览

发表回复

今天我们要给大家分享一款基于jQuery和CSS3的状态激活动画按钮。按钮一共有4种状态,第一种状态是按钮默认时的样式,鼠标滑过按钮时就出现待激活的第二种状态,点击按钮后就出现正在激活的第三种状态,最后是激活完成的状态。由于这个按钮动画是基于jQuery的,所以使用时不要忘记引用jQuery库文件。

在线演示源码下载

本条目发布于。属于jQuery插件、jQuery表单插件分类。

HTML5 Canvas冰川波浪起伏动画

688 人浏览

发表回复

2018-03-27 22:17:18

之前我们分享过很多基于HTML5 Canvas的水波动画,其中一款基于WebGL的水面水波荡漾特效相当绝妙。还有这款HTML5 Canvas 3D波浪翻滚动画也是非常不错。这次我们要带来的同样是一款基于HTML5 Canvas的波浪起伏动画,这次的是冰川波浪起伏动画,在Canvas上绘制冰川效果的形状,然后利用动画特性让这些冰川不停地起伏起来。

在线演示源码下载

本条目发布于。属于HTML5应用分类,被贴了HTML5 Canvas、HTML5动画 标签。

JavaScript可展开隐藏的侧边栏下拉菜单

965 人浏览

发表回复

2018-03-21 21:23:09

这是一款基于纯JavaScript实现的侧边栏菜单,因为整个菜单并没有使用jQuery等第三方插件,因此菜单比较轻量级的。这款JS侧边栏菜单的特点是点击按钮可以展开和隐藏,并且在隐藏时自动显示提示文字,展开后又隐藏提示文字,很好地做到了自适应效果。

在线演示源码下载

本条目发布于。属于jQuery插件、jQuery菜单插件分类。