kiter发布的文章
  • 使用HTML5 video标签让你的官网抛弃flash视频

    现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML 5的视频,包括video标签的使用,视频对象可以用到的媒介属性和方法,以及媒介事件。Video标签的使用Video标签含有src、poster、p ...

    技术 kiter 2016-10-14

    使用HTML5 video标签让你的官网抛弃flash视频
  • 使用html5动画技术使官网更有吸引力

    通常大部分Web程序员平时的工作只是开发一些常规的网站、信息化办公系统等。在他们的眼里,Web游戏动画开发程序员似乎神奇的多,Web游戏动画明显比普通的Web应用要灵活,更注重交互和视觉冲击,而动画动作、做图配色等方面更是外行。但事实上,也许你想错了。Web动画并不难。你只需要掌握一些非常基本的知识就能开发出非常漂亮的Web动画。以前开发 ...

    技术 davidwalsh 2016-09-30

    使用html5动画技术使官网更有吸引力
  • 使用 HTML5 canvas 绘制图形

    1、使用Canvas绘制直线:<!doctypehtml> <html> <head> <metacharset="UTF-8"> </head> <styletype="text/css"> canvas{border:dashed2px#CCC} </style> <scripttype="text/javascript"> function$$(id){ returndocument.getElementById(id); } func ...

    技术 小伍 2016-09-21

    使用 HTML5 canvas 绘制图形
  • HTML5拖放的两个入门案例

    在HTML5出现之前,页面元素的拖放功能需要通过监听mousedown, mouseover, mouseup等事件,改变元素的相对位置来实现。现在HTML5 DnD API的出现,使得html具有原生的拖放功能,使用也非常简单。下面通过两个小案例来上手一下HTML5的拖放新特性。实例1首先我们建立一个基本的html:第一个div为我们需要将元素拖入的区域,第二个div中是一个稻壳互联 ...

    技术 陆骏宇 2016-09-08

    HTML5拖放的两个入门案例