作者文章列表-稻壳互联，定制您的互联网

使用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动画技术使官网更有吸引力

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

技术 davidwalsh 2016-09-30

使用 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拖放的两个入门案例

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

技术陆骏宇 2016-09-08