菜鸟求助简单问题 100分等你拿

[guangyang475]

<td width="51%">
<div><a href="景区后台上部.html" style="color:#006666">
资源管理中心
<img align="absmiddle" src="../images/houtai14.gif" vspace=0 hspace=10 width="29" height="42">
</a></div>
</td>
写一js怎样实现当鼠标放到div上面时更换当前超链里面的当前图片，图片的id是不固定的

[fosjos]

[Quote=引用楼主 guangyang475 的帖子:]
图片的id是不固定的
[/Quote]
你可以定一个，然后修改src就可以了

[zhangw428]

给div定一个id，比如说div的id 是 test

 <td width="51%">  
      <div id="test"> <a href="景区后台上部.html" style="color:#006666"> 
  资源管理中心 
  <img align="absmiddle"  src="../images/houtai14.gif"  vspace=0  hspace=10  width="29"  height="42" > 
  </a> </div> 
</td> 
<script type="text/javascript">
var img = document.getElementById('test').getElementsByTagName('img')[0];
img.onmouseover = function(){
    this.src="";   //鼠标经过时的图片地址
}
img.onmouseover = function(){
    this.src="";   //鼠标离开时的图片地址
}
</script>

[guangyang475]

最好有个例子 人太笨了....

[ghostkngiht]

2楼的已经很详细了

[sxn19811006]

<script>
function aa(obj){
obj.children[0].children[0].src=""
}
</script>
<div onmouseover="aa(this)"><a href="景区后台上部.html" style="color:#006666">
?源管理中心
<img align="absmiddle" src="../images/houtai14.gif" vspace=0 hspace=10 width="29" height="42">
</a> </div>

[阿云ivan]

<div onmouseover="mouseoverPic(this)" onmouseout="mouseoutPic(this)">
            <a href="景区后台上部.html" style="color: #006666">资源管理中心
                <img align="absmiddle" src="../images/houtai14.gif" vspace="0" hspace="10" width="29"
                    height="42">
            </a>
</div>

<script type="text/javascript">
function mouseoverPic(obj)
{
obj.getElementsByTagName('img')[0].src="../images/girl.jpg";
}
function mouseoutPic(obj)
{
obj.getElementsByTagName('img')[0].src="../images/sleep.gif";
}
</script>

[阿云ivan]

 <div onmouseover="mouseoverPic(this)" onmouseout="mouseoutPic(this)">
            <a href="景区后台上部.html" style="color: #006666">资源管理中心
                <img align="absmiddle" src="../images/houtai14.gif" vspace="0" hspace="10" width="29"
                    height="42">
            </a>
        </div>

[guangyang475]

那个id是后台程序的 是不是js里面要定义一个变量接收啊..

[黄颜色的小瓶子]

<td width="51%">
<div onMouseOver="over();" onMouseOut="out();"> <a href="景区后台上部.html" style="color:#006666">
资源管理中心
<img align="absmiddle" src="../images/houtai14.gif" id="imgs" vspace=0 hspace=10 width="29" height="42">
</a> </div>
</td>
<script>
function out(){
document.all("imgs").src="1.gif";
}
function over(){
document.all("imgs").src="2.gif";
}
</script>

[阿云ivan]

甚至更省的做法是

<div onmouseover="this.getElementsByTagName('img')[0].src='你的图片'" onmouseout="this.getElementsByTagName('img')[0].src='你的图片'">
            <a href="景区后台上部.html" style="color: #006666">资源管理中心
                <img align="absmiddle" src="../images/houtai14.gif" vspace="0" hspace="10" width="29"
                    height="42">
            </a>
        </div>

[guangyang475]

topMenu += "<td class=\"htziti02\" align=\"left\" id=\"s" + (loop+1) + "\" nowrap><a onMouseMove=\"andengpao(\"dengpao" + (loop+1) + "\")\" onmouseout=\"liangdengpao(\"dengpao" + (loop+1) + "\")\" style=\"color:#006666;text-decoration:none;\" onClick=\"" + logRecord + "window.open('" + fangWenLJ + "','','location=no,resizable=yes,status=no,menubar=no,center=yes,scrollbars=no,left=10,top=20,width=screen.availWidth-10,height=screen.availHeight-50');return false;\" href=\"#\" onFocus=\"this.blur()\"><img id=\"dengpao" + (loop+1) + "\" align=\"absmiddle\" src=\"../css/houtai14.gif\" width=\"29\" height=\"40\" border=\"0\">" + menuText + "</a></td>" + "\n" ;


怪我没说清楚，这个td是后台程序组合成的，这里面的id怎么在页面的js中使用

[fosjos]

<a onMouseMove=\"andengpao(\"dengpao" + (loop+1) + "\")\"
不是已经调用了吗
div仿照一下就可以了