在这个示例中,链接文字起初用红色显示,当鼠标划过文字时变为蓝色,点击访问时改为紫红色,访问之后又变为栗色。由于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很有意见的话,就用第一种方法为好。
页次:3/4 1篇/页 首页 上一页 下一页 尾页 合计 4 篇 Go: |