一个log效果的问题（不很了解脚本，想找人帮我下）

<html>
<head>
<script type="text/javascript">
function change(c) {
document.getElementById("wc").setAttribute("bgColor", c);
}
window.onload = function () {
var mc = document.getElementsByName("t_button");
for (var i = 0; i < mc.length; i ++) {
mc[i].onmouseover = function () {
change(this.getAttribute("bgColor"));
}
}
}
</script>
</head>
<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3" id="wc" width="300"></td>
<td rowspan="3" width="20">
<td id="t_button" bgcolor="#F0F0F0">1</td>
</tr>
<tr>
<td id="t_button" bgcolor="#ECE9D8">2</td>
</tr>
<tr>
<td id="t_button" bgcolor="#BCCCDF">3</td>
</tr>
</table>
</body>
你要的那个和这个差不多。就是当鼠标经过的时候改变图片的地址。。

解决方案 »

  1.   

    muxrwc(王辰) 
    多谢哦
    不过 你发的这个好象和我想要的那个效果不一样啊
    你这个好像是变化的区域显示的是鼠标停留目标的颜色啊
    （我不懂脚本，不知道是不是我看的不对，见谅。）
    可以帮我发个更接近我的要求的吗？能让我容易懂点的
      

  2.   

    <html>
    <head>
    <script type="text/javascript">
    var img_u = "http://www.zhb.org.cn/Banner/";
    var b_over = ["2006102463322845.jpg", "2006102464221673.jpg", "2006102463236329.jpg"]; //鼠标经过的时候BANNER的图片地址
    var b_out = ["2006102464266797.jpg", "200610966355141.jpg", "200693062640921.jpg"]; //默认的图片地址
    var b_h = ["http://community.csdn.net/", "http://www.baidu.com/"]; //BANNER的图片连接地址
    function change(s, h) {
    var o = document.getElementById("wc");
    o.setAttribute("src", s);
    o.parentNode.setAttribute("href", h);
    }
    function changeme(o, u) {
    o.setAttribute("background", u);
    }
    window.onload = function () {
    var mc = document.getElementsByName("t_button");
    change(img_u + b_over[0], b_h[0]);
    for (var i = 0; i < mc.length; i ++) {
    mc[i].setAttribute("background", img_u + b_out[i]);
    mc[i].onmouseover = new Function ("change(\"" + (img_u + b_over[i]) + "\", \"" + b_h[0] + "\");changeme(this, \"" + (img_u + b_over[i]) + "\");");
    mc[i].onmouseout = new Function ("changeme(this, \"" + (img_u + b_out[i]) + "\");");
    }
    }
    </script>
    </head>
    <body>
    <table width="230" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td rowspan="3" width="130"><a target="_blank"><img id="wc" height="130" width="130" border="0" /></a></td>
    <td rowspan="3" width="20">
    <td id="t_button">&nbsp;</td>
    </tr>
    <tr>
    <td id="t_button">&nbsp;</td>
    </tr>
    <tr>
    <td id="t_button">&nbsp;</td>
    </tr>
    </table>
    </body>
    这个应该挺接近吧？
      

  3.   

    <html>
    <head>
    <script type="text/javascript">
    var img_u = "http://www.zhb.org.cn/Banner/";
    var sUrl = "2006102371279937.jpg"; //默认的Banner图片地址
    var b_Url = ["2006102463322845.jpg", "2006102464221673.jpg", "2006102463236329.jpg"] //Banner图片
    var b_Href = ["http://community.csdn.net/", "http://www.baidu.com/", "http://www.google.cn/"]; //图片超级链接地址
    var b_over = ["2006102463322845.jpg", "2006102464221673.jpg", "2006102463236329.jpg"]; //鼠标经过的时候图片地址
    var b_out = ["2006102464266797.jpg", "200610966355141.jpg", "200693062640921.jpg"]; //默认/鼠标离开的图片地址
    function change(u) {
    var o = document.getElementById("wc");
    o.setAttribute("src", u);
    }
    function changeme(o, u) {
    o.setAttribute("src", u);
    }
    window.onload = function () {
    var mc = document.getElementsByName("t_button");
    change(img_u + sUrl);
    for (var i = 0; i < mc.length; i ++) {
    changeme(mc[i], img_u + b_out[i]);
    mc[i].parentNode.setAttribute("href", b_Href[i]);
    (function (i) {
    mc[i].onmouseover = function () {
    change(img_u + b_Url[i]);
    changeme(this, img_u + b_over[i]);
    }
    mc[i].onmouseout = function () {
    change(img_u + sUrl);
    changeme(this, img_u + b_out[i]);
    }
    })(i);
    }
    }
    </script>
    </head>
    <body>
    <table width="230" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td rowspan="3" width="120"><a href="javascript:{};"><img id="wc" height="120" width="130" border="0" /></a></td>
    <td rowspan="3" width="20">
    <td><a><img id="t_button" height="40" width="80" border="0" /></a></td>
    </tr>
    <tr>
    <td><a><img id="t_button" height="40" width="80" border="0" /></a></td>
    </tr>
    <tr>
    <td><a><img id="t_button" height="40" width="80" border="0" /></a></td>
    </tr>
    </table>
    </body>
    刚看了下你要的那个，这个按照那个意思做的。。你改下图片的地址就可以了。
      

  4.   

    muxrwc(王辰)
    感激死了…………
    一个字“谢”！
    接分…………