|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。 网页制造中表格饰演了很主要的脚色。经由过程与Javascript、CSS等的分离,表格另有良多奇妙的用途。 1、用表格做活动支解线
我们晓得,在网页中能够用<hr>标识来做支解线,也能够把表格设置为1个象素高或宽充任支解线。如今,我们将表格与Javascript分离,能够做出重生动的支解线――活动的支解线。到场以下代码,你就能够看到一条支解线,色彩在不休的活动。
<script>
l=Array(6,7,8,9,a,b,b,c,d,e,f)
t="<tableheight=2width=60%cellspacing=0cellpadding=0><tr>"
for(x=0;x<40;x++){t+="<tdid=a_mo"+x+"></td>"}
document.write(t+"</tr></table>")
functionf1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor="#00"+l[c]+l[c]+"00"}y++
setTimeout(f1(+y+),1)}f1(1)
</script>
在下面的代码中,我们能够经由过程修正<table>标识中的height和width设置支解线的高度和长度。源代码如图一:
图一
效果显现如图二:
图二
2、带转动条的表格
看看图一的效果,可万万不要觉得是IFRAME,这但是地隧道道的表格!实在,这是表格和CSS分离的效果。当网页上有年夜段笔墨要显现,而又没有充足的空间时,这就派上用处了。固然用文本框也能够完成相似效果,但却远没有效表格天真。代码很复杂,只需在单位格<td>标识后加上以下代码就能够了:
<divstyle="overflow:auto;height:200;">
固然,对应的在单位格停止</td>标识前加上</div>。我们能够变动height的值,来修正显现文段地区的高度。如以下的示例,就完成了图示的效果。
<tablewidth="260"border="0">
<tr><tdbgcolor="#999999"><fontcolor="#FFFFFF"><b>题目</b></font></td></tr>
<tr><tdbgcolor="#CCCCCC">
<divstyle="overflow:auto;height:160;">
这里输出文段的内容。
</div>
</td></tr>
</table>
3、带题目的表格
图三
看看上图三的效果。一般,我们要给表格加题目,不是用单位格的办法就是用图片,很贫苦。实在,我们能够只用很一些很复杂的HTML标识,就能够轻松完成给表格加题目了。这个标识仿佛已被人忘记,很少看到利用,不外它完成的效果仍是很不错的。上面就来看看怎样完成:
<fieldsetstyle="width:220"align="center">
<legend>这里是表格的题目</legend>
这里增加表格中的内容
</fieldset>
几行代码就能够弄掂了!修正width值能够设置表格宽度。<legend>和</legend>之间是表格的题目,你能够设置表格题目的色彩、巨细等,乃至是加上个链接。</legend>标识以后,就能够恣意增加表格中的内容了,一样也能够增加恣意的内容,如笔墨、表格、图片等。
</p>
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点…… |
|