| w.event.srcElement.
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] 下一页 |