HTML5 Canvas折线图表和柱形图表

之前我们已经分享过很多HTML5图表应用了,包括折线图、柱形图、饼图等,使用起来用户体验都很不错。今天要分享的一款HTML5 Canvas图表应用提供了折线图和柱形图两种,这款HTML5图表在初始化数据的时候有一种渐现的动画特效,我们可以将这款图表应用在统计页面上。...
Canvas 柱形图表 折线图表 HTML5

HTML5 canvas绘制线条曲线

HTML5 canvas入门 线条例子1、简单线条2、三角形3、填充三角形背景颜色4、线条颜色以及线条大小5、二次贝塞尔曲线6、三次贝塞尔曲线!doctypehtml html head metacharset=utf-8/ metaname=keywordscontent=脚本小子_小贝_HTML5_canvas线条/ metaname=descriptioncontent=脚本小子_...
HTML5 canvas

HTML5/CSS3粒子效果进度条

和上面一款不同的是,这款进度条很有特点,进度条在变化的时候出现粒子飞洒的动画效果。另外这款进度条只是演示了进度播放的效果,具体进度值需要开发者自己用代码控制。...
粒子效果 HTML5/CSS3 进度条

HTML5 Canvas发光Loading动画

它是一个Loading加载动画,并不能实现具体进度的加载,但是可以提示用户数据或者页面正在加载。并且该应用利用Canvas绘制动画,效果非常不错。...
HTML5 Loading动画

HTML5 Canvas绘制灰太狼 超级可爱

HTML5 Canvas相当于一个画板,你可以在Canvas绘制任意的东西,今天要分享一款利用HTML5 Canvas绘制的灰太狼形象,个人以为,这个灰太狼绘制得十分逼真形象,小伙伴们都要惊呆了。以后我们再来弄一个HTML5 Canvas的喜洋洋如何?...
HTML5 Canvas

嵌入视频到 html5 页面

HTML5 的到来之前,每个视频的播放都需要通过 web 浏览器中通过第三方浏览器插件。最初我们亲眼目睹 RealPlayer,接着是 Windows Media Player 和 QuickTime, 现在是 Flash,这是目前主导的插件,播放大量的网络视频。HTML5 引入了一个新的标准在 web 页面中嵌入和播放视频,无任何第三方插件,只需使用一个视频元素。 似乎是容易的,对吗? 但是你会...
html5 视频

基于HTML5和JavaScript实现的Winamp MP3播放器

还记是经典的Winamp 音乐MP3播放器吗?这里有一个使用HTML5和JavaScript实现的版本。Winamp2-js使用HTML5和JavaScript重写r Winamp 2.9版本。兼容最新版的Firefox,Safari和Chrome。(IE没有测过)特性通过eject按钮拖放g 旧天地文件或打开它们。通过左上角的options图标打开网络上的音乐文件。使用真实的皮肤素质,其实它兼容...
avaScript 播放器

Html5 是否适合移动应用开发?

HTML5最近这几年声誉鹊起,而基于HTML5技术的产品也风生水起。感觉现在你的产品要是不和HTML5沾点边,都不好意思和客户打招呼! 移动应用 开发中,HTML5更是不可或缺的角色,市面上不少 移动应用 中间件产品都号称支持HTML5,例如APPCAN 、PhoneGap、JQueryMobile、Sencha Touc、ExMobi。但在支持的程度和方式上均各有不同,其中APPCAN和Phon...
Html5 移动应用 移动开发

HTML5梦幻特效 可给任意元素添加魔幻效果

我们之前介绍HTML5动画特效比较多的是HTML5 3D特效,今天我们来换一种风格,来分享一款看起来比较魔幻的HTML5特效。它可以给网页上任意元素(图片、文字等)添加这么一种效果,即鼠标滑过时,元素上就会出现非常魔幻的动画特效,什么特效呢?你可以点开demo链接查看。...
梦幻特效 HTML5 魔幻效果

HTML5鲸鱼动画 又一款超酷HTML5动画

之前看到过同样效果的一款鲸鱼动画,不过可惜的是那个动画是用flash制作的。今天我找到了基于HTML5的鲸鱼动画,鲸鱼会随着鼠标的移动而游动,画面非常立体,鲸鱼也超级逼真。真的,HTML5确实很给力,HTML5动画完全可以完成flash能做的事情。...
HTML5/CSS3 HTML5动画