⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 用鼠标点亮文本.htm

📁 javascript 核心技术 eval()函数的使用 DOM2 事件模型 非标准事件绑定 图片跟随鼠标 传统文档对象测试
💻 HTM
字号:
🔍 
<!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>
     <script type="text/javascript" language="javascript">
    <!--
       function click()
       {
         if(event.button==2) 
         {
         alert("你想看什么?");
         }
       }
       document.onmousedown=click;
    //-->
    </script>
</head>
<body>
    <center>
        <form name="form1" id="form1">
        <h3>
            用鼠标移到超级链接查看效果</h3>
        <hr />
        <a href="超级链接页面预览.htm" name="link1" onmouseover="link1over();" onmouseout="link1out();">
            这是链接一</a><br />
        <br />
        <a href="超级链接页面预览.htm" name="link2" onmouseover="link2over();" onmouseout="link2out();">
            这是链接二</a><br />
        <br />
        <a href="超级链接页面预览.htm" name="link3" onmouseover="link3over();" onmouseout="link3out();">
            这是链接三</a><br />
        <br />
        <a href="超级链接页面预览.htm" name="link4" onmouseover="link4over();" onmouseout="link4out();">
            这是链接四</a><br />
        <br />
        <a href="超级链接页面预览.htm" name="link5" onmouseover="link5over();" onmouseout="link5out();">
            这是链接五</a><br />
        <br />
        </form>
        <hr />
        <h2>
            鼠标感应,弹出警告</h2>
        <a href onmouseover="alert('^_^哈哈上当了,其实什么也没有!');">想听笑话吗?</a>
        <hr />
        <h2>
            禁用鼠标右键示例</h2>
        <br />
        <br />
        <h7>请在页面上单击鼠标右键看看会出现什么?</h7>
    </center>
   

    <script type="text/javascript" language="javascript">
    <!--
     function link1over()
     {
       link1.style.color="red";
       link1.style.fontSize="36";
     }
     function link2over()
     {
       link2.style.color="green";
       link2.style.fontSize="36";
     }
     function link3over()
     {
       link3.style.color="yellow";
       link3.style.fontSize="36";
     }
     function link4over()
     {
       link4.style.color="blue";
       link4.style.fontSize="36";
     }
       function link5over()
     {
       link5.style.color="gray";
       link5.style.fontSize="36";
     }
     function link1out()
     {
        link1.style.color="silver";
        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>

</body>
</html>

⌨️ 快捷键说明

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