|
让你的网页活跃起来(3)
<a HREF="/events/">Events & Seminars</a>
<a HREF="/train_cert/">Training & Certification</a>
<a HREF="/referral/sr_default.ASP">Referrals to 3rd Parties</a> </p>
</div>
</dd>
</div>
</body>
</html>
在源代码中，.NV1和.NV2 是CSS字体定义，clikker函数是控制菜单项显示和隐藏的，其中变量a控制文字，变量b控制图片（因下载不全，图中未显示）。在实际应用时，请注意 div所定义的范围，不要在点击时把别的主菜单项也隐去了。
Microsoft的实现方式相对比较高明，它速度快，制作比较简单，只需要一个页面就行了。不足之处是至少需要 IE 4.0或 NN 4.0以上版本的支持。
两种方法各有利弊，您到底选用哪种，这要看您的主页性质和对浏览器的支持情况。
* 文字变色
这是Web上最常见的技术，当你的鼠标划过某个元素时，该元素立刻改变颜色，有时还会发出声音，就像多媒体教育软件一样。如果您的颜色调配得好，页面就会非常令人喜爱。
实现文字变色的方法也有好多种，这里只简单地介绍其中的两种。
第一种方法是单纯使用CSS技术，目前还只有IE 4.0支持这种技术。它的示例代码如下。
<html>
<head>
<title>A study of population dynamics</title>
<style type="text/css">
BODY { background: white; }
A:link { color: red }
A:visited { color: maroon }
A:active { color: fuchsia }
A:hover {color:blue}
</style>
</head>
<body>
<p><a href="www.microsoft.com">
这是一个最简单的利用CSS技术控制文本颜色的例子.</a></p>
</body>
</html>
在这个示例中，链接文字起初用红色显示，当鼠标划过文字时变为蓝色，点击访问时改为紫红色，访问之后又变为栗色。由于Netscape还不支持link、visited、hover等CSS属性，因此，您要是用Communicator 的话，就看不到这些效果了。
第二种方法是利用 JavaScript编写一个小脚本程序来运行，从而起到变色的目的。它的示例代码如下。
<html>
<head>
<title>Change text color</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.css1 { font-family: "Courier New", Courier, mono; font-size: 14pt; font-style: normal; line-height: normal; font-weight: bold; color: blue}
-->
</style>
<script language="JavaScript">
function MM_changeProp(objStrNS,objStrIE,theProp,theValue) {
var theObj = eval((navigator.appName == 'Netscape')?objStrNS:objStrIE);
if ((theObj != null) && (theProp.indexOf("style.") != 0 &&
theObj.style != null))
eval(((navigator.appName == 'Netscape')?objStrNS:objStrIE)+'.'+theProp + '="'+theValue+'"');
}
</script>
</head>
<body bgcolor="#FFFFFF">
<span class="css1" ID="x"
onmouseover="MM_changeProp(','document.all[\'x\']','style.color','red','SPAN')" onmouseout="MM_changeProp(','document.all[\'x\']','style.color','blue','SPAN')">
改变文本颜色.</span>
</body>
</html>
由于IE 4.0 和NN 4.0 对对象的控制机制不同，因此需要先检查浏览器，然后再作相应的处理。MM_changeProp()函数实现了这一种文本变色方法。这种方法需要在应变色的每个地方都用span定义ID并添加onmouseover和onmouseout，这与第一种方法相比麻烦了不少。因此，您若不是对Microsoft很有意见的话，就用第一种方法为好。
* 动态按钮
这里的动态按钮既不是.gif动画，也不是FrontPage 中提供的各种特效按钮。相信您一定遇到过这种情况：当您的鼠标划过某一个按钮时，它会忽然动一下，似乎在诱惑您去点击它，很有意思是吗？下面我们来实现它。
首先您应该准备两幅图片，由于是按钮，不必很大，颜色也不必太花，简单的.gif就行，两幅图要有一些差别，免得动了以后看不出来。下面是我做的两张图片。
| 
