style.color = "";} 

　　 } 

　　document.onmouseover = rollon; 

　　document.onmouseout = rolloff; 　　 

　　将这段代码放在一对< script>标记中间，插入到Web页面的< head>中，立刻就能实现在每一个文本链接上的鼠标击活链接(mouseover)效果了。下面我们详细分析一下这是怎样实现的。 

　　前面所写的脚本程序定义了两个关键性的函数：rollon（当鼠标移到链接上时激活）和rolloff（当鼠标移离链接时激活）。每个函数都从一个简单的'if'语句开始，它的意思是：Web文档每次调用onmouseover事件时，rollon函数都会通知浏览器来判断激活该事件的对象是否是一个Anchor标记 (window.event.srcElement.tagName = = "A")。如果是，则该脚本程序将把特别的风格（在本例中是红颜色）用到链接上。类似地，在出现onmouseout事件时，rolloff函数将使该风格恢复为其缺省的颜色 (color="")。 

　　这段脚本程序的最后两行是通知浏览器在onmouseover事件发生时执行rollon函数并在onmouseout事件发生时关闭鼠标击活链接(mouseover)功能。 

事半功倍 

　　Internet Explorer 4.0允许你用DHTML来控制文档中的每一个对象，自然就可以实现除改变Anchor标记的颜色之外更多的功能。实际上，你可以将任何Cascading Style Sheets（CSS，是W3C的标准格式规范）中的元素应用到任何类型的对象或资源组件上。例如，除了使一个链接显示为红色之外，还可以给它加上或去掉下划线。 

　　要去掉下划线，只需简单地将如下风格属性插入到该页面上的所有Anchor标记中即可： 

　　style = "text-decoration: none" 

　　这个语句将去掉链接的下划线，使它显示为正常或缺省状态。（在缺省情况下，Internet Explorer 4.0和Navigator 4.0将所有文本链接都加下划线，上述语句将逐个地改变这些链接的缺省状态。） 

　　然后，在rollon函数下边加上如下语句： 

　　window.event.srcElement.style. 

　　textDecoration = "underline"; 

　　现在，你所定义的鼠标击活链接(mouseover)事件的资源将变成红色并且有下划线风格。要注意在rolloff函数中加上如下语句可以再把下划线去掉： 

　　window.event.srcElement.style. 

　　textDecoration = "none"; 

　　以上这些很快即可实现的修改功能显示了简单的DHTML脚本程序的威力，它无需装入任何图像，而是用一段高度灵活的可移植代码来产生引人注目的视觉效果，我可以说，你用它能访问任意文档，即使是在老版本的浏览器中也不会产生错误。想要获得此代码并自己加以掌握和应用的话，请访问我们的网点：www.windowspro.com。 

　　----------------- 

　　Edward Grossman是www.windowspro.com网点的制作人，哲学博士，Web出现以前从事哲学领域的研究。他的E-mail

上一页  [1] [2] [3] 下一页