不是2张图片交换的效果!!!
把源代码保存到本地后,打开后定位到激活区,然后看代码!你会看到如下代码:
onclick="location.href='subchannel.asp?BigClassID=1&SmallClassID=10'"
onmouseout="setBorder('column4',false);" cellSpacing=0 cellPadding=0
width="96%" border=0>
bgColor=#f5f5f5 height=20> color=#666666>CSS |
|
看到上面的onmouseover和onmouseout没有?里面有个javascript函数“setBorder('column4',true)”。然后查找javascript函数或外部文件:
就是这个script.js文件,里面定义了setBorder函数:
function setBorder(id,bOn)
{
var oTab = document.all.item(id+"Tab");
var oTitle = document.all.item(id+"Title");
var oBorder = document.all.item(id+"Content");
if (!oTab || !oTitle || !oBorder)
return;
if (bOn)
{
oBorder.style.borderColor = "#999999";
oTab.bgColor = "#999999";
oTitle.color = "#FFFFFF";
}
else
{
oBorder.style.borderColor = blnBorder? "#999999" : "#FFFFFF";
oTab.bgColor = "#EEEEEE";
oTitle.color = "#666666";
}
}
仔细一看就明白了,第一眼看到时我就知道这个效果大概是怎么做的了,找到源代码只不过是验证一下而已!