首页
位置:首页>新闻动态 > 建站指南 >

HTML5的特效运用

这两天陆续把玩了几个HTML 5的应用,感觉HTML 5真的十分强大。html5所涉及到的方面非常广泛,而且基于html5的一些特效也是非常的绚丽。用HTML+JS,或者再加上SVG技术,实现出来的 网络应用丝毫不比Flash之类的要差。所以html5跟flash比起来也会毫不逊色,下文将介绍的一个HTML+JS+SVG应用,竟部分实现了 Flash。

这个应用的名字是:Gordon,号称:An open source Flash runtime, 是一个用纯JS+SVG技术实现的Flash运行环境。刚开始听说时,我还不敢相信,认为只是用SVG矢量技术,实现类似于Flash的动画效果吧。没想 到真的是解析SWF文件,然后按照标准的Flash动画模式播放出来。100%不需要Flash插件。

从下面我的截图也可以看到,真的是去播放SWF文件的。

这个应用还顺利地在iPhone等不支持Flash的平台上将SWF显示了出来,尽管并不是所有Flash都能放,但足以证明JS+SVG的威力了吧。

现在我明白Apple为何不上Flash了,作为HTML 5制定者之一的Apple,心里明白HTML能做的事情。

另外一个则是今天别人发出来的一个基于HTML 5的在线画板。

看下图,这么炫丽,这真的是HTML的?不信访问下:http://mugtug.com/sketchpad/ 试试

这可是个全功能的画板,不仅能设置各种样式的笔刷,丰富的颜色(包括渐变),还能像本地应用一样,点击“保存”后输出一张PNG呢。

有了这样么强大的画板,我真不觉得那些本地的画板还有什么存在的必要了?

最后一个,则是展示HTML 5视频的一个强大的应用。叫:sublimeVideo,我用它放了视频以后,觉得YouTube的那个HTML 5测试版真不如它。

下图是正在播放中的样式,进度条可以拖,当鼠标不在时还会消失。反正跟之前Flash的那种完全一样。

更牛的是,还有一个全屏按钮,这个全屏可不是桌面全屏,而是浏览器全屏。

全屏以后,播放条变成了渐隐渐现的浮动工具栏,仍旧可以在需要时操作播放。体验的效果真是棒极了!

以上一切,仅仅是HTML+CSS+JS+SVG,不需要任何插件或者其他相关私有版权技术。

现在你应该知道Google为什么要出一个Chrome OS了吧?

怀柔巨优网络是专业的网页前端技术领域开发和服务商,通过多年的发展,现在已经提供了专业的网页标准型网站建设,以及网页标准检测服务,网站美化,网站推广,网站托管等网络服务。是北京怀柔地区卓越的网站建设服务商,和网络传播媒体。

上一篇:企业网站什么内容最重要?

下一篇:网站建设需要掌握的八个CSS布局技巧