首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • 菜鸟求助简单问题 100分等你拿 [已结帖,结帖人:guangyang475]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • guangyang475
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    • 结帖率：
    发表于：2008-08-22 16:38:53 楼主
      <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是不固定的
    100  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • fosjos
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 16:44:151楼 得分:10
    引用楼主 guangyang475 的帖子:
    图片的id是不固定的

    你可以定一个，然后修改src就可以了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zhangw428
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 16:52:082楼 得分:15
    给div定一个id，比如说div的id 是 test
    HTML code
    
 <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
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 16:57:373楼 得分:0
    最好有个例子  人太笨了....
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • ghostkngiht
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 16:58:514楼 得分:10
    2楼的已经很详细了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sxn19811006
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 17:07:125楼 得分:10
    <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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • avon520
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 17:13:486楼 得分:10
    HTML code
    <div [color=#FF0000]onmouseover="mouseoverPic(this)" onmouseout="mouseoutPic(this)"[/color]>
            <a href="景区后台上部.html" style="color: #006666">资源管理中心
                <img align="absmiddle" src="../images/houtai14.gif" vspace="0" hspace="10" width="29"
                    height="42">
            </a>
</div>



    JScript code
    <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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • avon520
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 17:15:077楼 得分:15
    HTML code
     <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
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 17:16:238楼 得分:0
    那个id是后台程序的  是不是js里面要定义一个变量接收啊..
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • terry2870
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 17:16:539楼 得分:10
    <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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • avon520
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 17:18:3710楼 得分:10
    甚至更省的做法是

    HTML code
    <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
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-22 18:13:3311楼 得分:0
    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
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-08-23 13:38:1612楼 得分:10
    <a  onMouseMove=\"andengpao(\"dengpao" + (loop+1) + "\")\"
    不是已经调用了吗
    div仿照一下就可以了
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved