超级链接页面预览.htm

来自「javascript 核心技术 eval()函数的使用 DOM2 事件模型 非」· HTM 代码 · 共 48 行

HTM
48
字号
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>超级链接页面预览</title>
</head>
<body>
<center>
<form name="form1" id="form1">
<h3>将光标移至超链接上查看页面预览</h3>
<hr />
<a href="Html Event Binding.htm" name="link1 " onmouseover="link1over();" onmouseout="ImgOut();">这是链接一</a><br /><br />
<a href="简单的javascript事件绑定.htm" name="link2 " onmouseover="link2over();">这是链接二</a><br /><br />
<a href="IE Attach Detach Event Test.htm" name="link3 " onmouseover="link3over();">这是链接三</a><br /><br />
<a href="非标准事件绑定.htm" name="link4 " onmouseover="link4over();">这是链接四</a><br /><br />
<hr />

<img name="img1" src="image1.gif" width="500" height="400" />
<script type="text/javascript" language="javascript">
<!--
   function link1over()
   {
      document.form1.img1.src="image1.gif";
   }
    function link2over()
   {
      document.form1.img1.src="image2.bmp";
   }
    function link3over()
   {
      document.form1.img1.src="image3.gif";
   }
   function link4over()
   {
      document.form1.img1.src="image2.bmp";
   }
   function ImgOut()
   {
     document.form1.img1.src="image2.bmp";
   }
//-->
</script>

</form>
</center>

</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?