子与havoyo： HTML5每日一练之Canvas标签的应用-绘制向日葵

本节主要是对之前我们学习的Canvas进行一个小小的复习，没有用到新的技术，唯一用到的就是新的数学算法。 使用Canvas绘制向日葵1： 效果如下图： [*] [*] [*] [*] [*] HTML5每日一练之Canvas标签的应用-绘制复...

2015-04-08 03:35 来自版块 - 站长技能提升

zyg520pp： HTML5技术实现剪切+上传图片的功能

我们曾经被几个读者问到同一个问题——如何将照片传到网上。我认为这是一个很有趣的问题，我决定在本文中解决掉这个问题。但是，我认为只是单纯的实现上传功能可能会有些单调，所以我决定添加一个很重要的元素—剪切功能。相信这样应该更有魅力的说。 htm...

2015-04-07 05:44 来自版块 - 站长技能提升

poipoipoi111： HTML5每日一练之figure新标签的应用

figure元素是一种元素的组合，可带有标题（可选）。figure标签用来表示网页上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。 figure用友一个子标签——figcap...

2015-03-28 00:54 来自版块 - 站长技能提升

zaske： HTML5每日一练之progress标签的应用

progress标签： 从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条。在HTML5中我们终于可以不用模拟了。 [*] progress属性： value：表示当前进度 max：表示总进度 注：value和max属性的值必...

2015-03-18 04:02 来自版块 - 站长技能提升

济南陈峰： HTML5画布下js的文字云/标签云效果 - D3 Cloud

如果你想创建漂亮的文字云或者标签云效果的话，你可以考虑使用D3-Cloud，这是一个超棒的开源字体云效果javascript类库，基于知名的D3.js，能够帮助你生成类似wordle.com风格的字体或者标签云效果。 这个类库使用HTML...

2014-11-24 03:55 来自版块 - 站长技能提升

zxw1986： HTML5每日一练之meter标签的应用

meter标签： 此标签与progress百分比标签差不多，它主要表现规定范围内的数量值，例如磁盘的食用量，对某个候选者人数占总投票人数的比例值等，如下图： meter有六个属性： 属性名称描述value在元素中表现出来的实际数量值。该属性缺省值为0...

2014-11-17 13:35 来自版块 - 站长技能提升

ck00513663： HTML5每日一练之Canvas标签的应用-在页面上放置Canvas

今天我们将要学习在HTML5中最吸引眼球的一个标签——Canvas，我相信有很多人学习HTML5就是为了Canvas。这节内容非常简单，主要是为大家介绍Canvas标签的使用。 在我们学习它之前稍微补充一下知识，虽然有点理论，但以下稍微理论点的东西...

2014-11-15 10:21 来自版块 - 站长技能提升

jvemwh： HTML5每日一练之mark标签的应用

mark标签： mark元素表示页面中需要突出或高亮显示的内容，在搜索结果中也常常出现，比如检索结果中的关键词高亮显示。 案例： HTML5每日一练之mark标签的应用 HTML5|CSS3|论坛 | 前端开发网(...

2014-10-03 08:22 来自版块 - 站长技能提升

beijing456： HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自...

2014-06-29 09:40 来自版块 - 站长技能提升

wy0416： HTML5每日一练之details展开收缩标签的应用

details标签的出现，为我们带来了更好的用户体验，不必为这种收缩展开的效果再编写JS来实现。 注：目前仅Chrome支持此标签。 details有一个新增加的子标签——summary，当鼠标点击summary标签中的内容文字时，details标...

2014-03-09 16:34 来自版块 - 站长技能提升