📄 11_1.htm
字号:
<html>
<head>
<title></title>
<script>
<!--
function tick()
{
var hours,minutes,seconds,ap;
var intHours, intMinutes, intSeconds;
var today;
today=new Date();
intHours=today.getHours();
intMinutes=today.getMinutes();
intSeconds=today.getSeconds();
if (intHours==0)
{
hours="l2:";
ap="Midnight";
}
else if (intHours<12)
{
hours=intHours+":";
ap="A.M.";
}
else if (intHours ==12)
{
hours="l2:";
ap="Noon";
}
else
{
intHours=intHours-12
hours=intHours+":";
ap="P.M.";
}
if (intMinutes < 10)
{
minutes="0"+intMinutes+":,";
}
else
{
minutes=intMinutes+":";
}
if (intSeconds < 10)
{
seconds = "0"+intSeconds+",";
}
else
{
seconds=intSeconds+"";
}
timeString=hours+minutes+seconds+ap;
Clock.innerHTML=timeString;
window.setTimeout("tick();",100);
}
window.onload =tick;
//l-->
</script>
</head>
<body>
<h1>改变页面样式</h1>
<div id="Clock" align="center"></div>
<table border=="1">
<tr>
<td>时钟颜色</td>
<td>时钟背景</td>
<td>时钟字体</td>
<td>时钟尺寸</td>
<td>时钟粗细</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td><span onmouseover="this. style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.color='purple'"> 紫色</span>
</td>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.background='red'"> 红色</span>
</td>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.fontFamily='verdana' ">无边试 </span>
</td>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.fontSize='24pt'">24pt</span>
</td>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.fontWeight='normal'"> 普通</span>
</td>
</tr>
<tr>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.color='white'">白色 </span>
</td>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.background='yellow'">黄色 </span>
</td>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.fontFandly='Georgia'"> 有变湿</span>
</td>
<td><span onmouseover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick=" Clock.style.fontSize='36pt'"> 36pt</span>
</td>
<td><span onmous eover="this.style.cursor='hand'"
onmouseout="this.style.cursor='default'"
onclick="Clock.style.fontWeight='bold'">组体 </span>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -