JS互相控制的导航问题 详见文章内容

请问大家，我们要做一个电子书。同一个界面中有两个导航，两个导航是链接位置相同。
只是一个导航是比较传统的文字，另外一个导航是用图拼接的地图。
想实现的效果是：鼠标滑过文字导航的时候，地图中对应的导航图片，变大突出显示。请问大家有没有办法实现？谢谢！

解决方案 »

  1.   

    文字上设置onmouseover事件，js中获取相应图片的id修改css就行啦！
      

  2.   

    能不能详细一点，我这个代码是能改变一张图的，您能在这个代码的基础上改成鼠标滑过一张图的时候，另外一张图变大的效果么？谢谢！！<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>改变图片获取焦点时的状态</title><script type="text/javascript"> 
     function visible(cursor,i)
     { var n=i>0?30:100;
       if (-[1,])
     {cursor.style.opacity=n/100;}
     else{cursor.filters.alpha.opacity=n;} 
     } 
    </script></head><body> 
    <table border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td align="center" bgcolor="#CCCCCC">
    <a class="link_image" href="http://www.mingrisoft.com">
    <img src="Temp.jpg" alt="test" title="haha" border="0" style="filter:alpha(opacity=100)" onmouseover="visible(this,1)" onmouseout="visible(this,0)" width="148" height="121">
    </a> 
    </td> 
      </tr> 
    </table> 
    </body></html>