利用表格建立如下网页(歌曲自选,至少选择3首歌曲)。

来源:互联网 发布:软件设计师教程 编辑:程序博客网 时间:2024/05/15 16:33
<html><head><meta charset="utf-8"><script type="text/javascript"> var num1 = 0,num2 = 0,num3 = 0,num4 = 0; function a1() { num1++; document.getElementById("count1").innerHTML=num1; } function a2() { num2++; document.getElementById("count2").innerHTML=num2; } function a3() { num3++; document.getElementById("count3").innerHTML=num3; }function a4(){num4 ++;document.getElementById("count4").innerHTML=num4;} </script></head><body bgcolor = "pink"><br><br><br><br><br><br><table align = "center" board = "1" bgcolor = "orange" width = "600" height = "300"><tr><td colspan = "4" align = "center">今日巅峰榜</td></tr><tr><td align="center">编号</td><td align="center">歌曲名称</td><td align="center">点击播放</td><td align="center">播放次数</td></tr><tr><td align="center">1</td><td align="center">Five Hundred Miles</td><td align="center" onclick="a1()" ><a href="http://bd.kuwo.cn/yinyue/3617530?from=baidu" target="_blank">播放</a></td><td align="center"><p id="count1">0</p></td></tr><tr><td align="center">2</td><td align="center">爱的纪念</td><td align="center" onclick="a2()" ><a href="http://bd.kuwo.cn/yinyue/285676?from=baidu" target="_blank">播放</a></td><td align="center"><p id="count2">0</p></td></tr><tr><td align="center">3</td><td align="center">Moonglow</td><td align="center" onclick="a3()" ><a href="http://bd.kuwo.cn/yinyue/560612?from=baidu" target="_blank">播放</a></td><td align="center"><p id="count3">0</p></td></tr><tr><td align="center">4</td><td align="center">安妮的仙境</td><td align="center" onclick="a4()" ><a href="http://bd.kuwo.cn/yinyue/234818?from=baidu" target="_blank">播放</a></td><td align="center"><p id="count4">0</p></td></tr></table></body></html>

阅读全文
0 0
原创粉丝点击