📄 10.5.htm
字号:
<html>
<head>
<title>用鼠标点亮文本</title>
</head>
<body>
<center>
<form name=form1>
<h1>移动鼠标至超级链接查看效果</h1>
<a href="example.htm" name=link1 onMouseOver="link1Over()" onMouseOut="link1Out()">这是链接一</a><br><br>
<a href="example.htm" name=link2 onMouseOver="link2Over()" onMouseOut="link2Out()">这是链接二</a><br><br>
<a href="example.htm" name=link3 onMouseOver="link3Over()" onMouseOut="link3Out()">这是链接三</a><br><br>
<a href="example.htm" name=link4 onMouseOver="link4Over()" onMouseOut="link4Out()">这是链接四</a><br><br>
<a href="example.htm" name=link5 onMouseOver="link5Over()" onMouseOut="link5Out()">这是链接五</a><br><br>
</form>
</center>
</body>
<script language=javascript>
<!--
function link1Over()
{
link1.style.color="red";
link1.style.fontSize=36;
}
function link2Over()
{
link2.style.color="red";
link2.style.fontSize=36;
}
function link3Over()
{
link3.style.color="red";
link3.style.fontSize=36;
}
function link4Over()
{
link4.style.color="red";
link4.style.fontSize=36;
}
function link5Over()
{
link5.style.color="red";
link5.style.fontSize=36;
}
function link1Out()
{
link1.style.color="black";
link1.style.fontSize=16;
}
function link2Out()
{
link2.style.color="black";
link2.style.fontSize=16;
}
function link3Out()
{
link3.style.color="black";
link3.style.fontSize=16;
}
function link4Out()
{
link4.style.color="black";
link4.style.fontSize=16;
}
function link5Out()
{
link5.style.color="black";
link5.style.fontSize=16;
}
//-->
</script>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -