主题:  这个框框的效果是怎么实现的!

蓝谷

职务:普通成员
等级:1
金币:0.0
发贴:46
注册:2003/3/6 8:04:19
#12003/10/31 13:37:33
我把他的源码复制下来,但老发生错误,不知是那里没有做好,各位帮着看看!!
网址地址:http://www.it365cn.com/channel.asp?BigClassID=1

图片如下:



kecoka1982

职务:普通成员
等级:2
金币:1.0
发贴:462
注册:2002/9/2 11:31:55
#22003/10/31 14:55:32
就是2张图片交换的效果呀



whoisspider

职务:普通成员
等级:1
金币:1.0
发贴:245
注册:2002/9/25 18:04:34
#32003/11/2 0:00:57
不是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";
    }
}

仔细一看就明白了,第一眼看到时我就知道这个效果大概是怎么做的了,找到源代码只不过是验证一下而已!