请教一个js问题，急，急，急，急！！！在线等！！！

Question

如何实现当鼠标放到小图上，能够显示大图片，当鼠标移出，然后就消失，就如这个网站产品图片的效果一样www.oosoon.com,还请高手不吝赐教!!多谢，多谢！

Answer 1

可以在图片上放事件
onmouseover的时候,打开一个窗口 显示大图片
onmouseout 的时候,关闭此图片窗口

Answer 2

可否給我写出js代码？我js很菜

Answer 3

我想实现，www.oosoon.com的这个效果，但不知道是如何实现的，还请各位大虾多多指教啊！

Answer 4

<img Src="aaa.jpg" alt="<img border='0' src=bbb.jpg' width=300>" width="120" height="120" border="0">

Answer 5

http://36.vip.qq.cam.qqvav.cn/qq66.htm?QQ=152525&id=370750019669
 快来看看，腾讯为庆祝腾讯QQ八周年，现在开放六位 QQ 号码免费申请,数量有限,送完即止,加油吧!!!

Answer 6

<a href="showproduct_main.jsp?cid=<%=cid%>&id=<%=id%>&p_id=<%=proinfo.getP_id()%>"><img src="upload/images/<%=img[0]%>" width="120" height="<%=height%>" border="0" alt="<img border='0' src='upload/images/<%=img[0]%>' width='300'>"></a>  我也是这样写的，但是不行，显示的是代码“="<img border='0' src='upload/images/2007035312231.jpg%>' width=300>”

Answer 7

zhuxr2003(关键是互相学习,不是为了分) 说的可以呀,把你的代码发来看看呢?

Answer 8

<%
      int i=0;
      for(i=l_start;i<l_end;i++){
         Product proinfo = (Product)listpro.elementAt(i);
%>
              <td width="100" height="100" align="center" valign="top"><table width="128" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="122" valign="top" bgcolor="#FFFFFF"><table width="120" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td height="3"></td>
                      </tr>
                      <tr>
                        <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CD0079">
                            <tr>
                              <td height="<%=height%>" bgcolor="#FFFFFF">
  <%
     String img[]=ds.toString(proinfo.getP_img()).split(",");
  %>
  <a href="showproduct_main.jsp?cid=<%=cid%>&id=<%=id%>&p_id=<%=proinfo.getP_id()%>"><img src="upload/images/<%=img[0]%>" width="120" height="<%=height%>" border="0" alt="<img border='0' src='upload/images/<%=img[0]%>' width='300'>"></a></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td height="23"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="20%"><img src="images/1_r2_c2.gif" width="14" height="14"></td>
                              <td width="60%"><a href="showproduct_main.jsp?cid=<%=cid%>&id=<%=id%>&p_id=<%=proinfo.getP_id()%>" class="MyLinkred4" title="welcome to www.sweetnike.com please click me!"><%=proinfo.getP_name()%></a></td>
                              <td width="17%"><a href="#"><img src="images/1_r3_c4.jpg" width="12" height="12" border="0"></a></td>
                            </tr>
                        </table></td>
                      </tr>
                  </table></td>
                </tr>
              </table></td>
  <%
      if((i+1)%4==0)
    out.print("</tr><tr>");
    }
  %>
            </tr>

Answer 9

<script language="JavaScript">bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if (bname=="Netscape") brows=true
else brows=false
var x=0;
var link=new Array();//--=====================preview image==============--/
function don(x){
    var mouseX = event.x;
    var mouseY = event.y;
var PicTop = mouseY + 10;
var PicLeft = mouseX + 10;  
link[0]=new dspl('<font size=2 color="#ff0000"></font><img src=/enterprise/images/'+x+'>','#f7f3f7',PicTop,PicLeft)
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows){
with(link[0]){
document.layers['linkex'].bgColor=bgcolor;
document.layers['linkex'].document.writeln(msg);
document.layers['linkex'].document.close();
document.layers['linkex'].top=dtop;
document.layers['linkex'].left=dleft;
}
document.layers['linkex'].visibility="show";
}
else{
with(link[0]){
linkex.innerHTML=msg;
linkex.style.top=dtop;
linkex.style.left=dleft;
linkex.style.background=bgcolor;
}
linkex.style.visibility="visible";
}
}
}function doff(){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows) document.layers['linkex'].visibility="hide";
else linkex.style.visibility="hidden";
}
}function dspl(msg,bgcolor,dtop,delft){
this.msg=msg;
this.bgcolor=bgcolor;
this.dtop=dtop;
this.dleft=delft;
}
</script><a href='#' onMouseOver='don(\""+normalPicName+"\")' onMouseOut='doff()'>"+normalPicName+"</a>
我有一个项目就是用的这个方法..你试一下吧

Answer 10

你到http://www.oosoon.com/alt.js去把alt.js下载保存到你的项目工程里
然后在JSP文件中加上<script language="javascript" src="alt.js"></script>

Answer 11

我把你的那些代码放到我的网页中后，有报js错误，说是linkex没有定义

Answer 12

请问楼主在吗?
你说的"有报js错误，说是linkex没有定义"是用了我的代码报的错误吗

Answer 13

我刚才发的这个方法我是已经用过的,不会错.你到http://www.oosoon.com/alt.js去把alt.js下载保存到你的项目工程里
然后在JSP文件中加上<script language="javascript" src="alt.js"></script>

Answer 14

可以在图片上放事件
onmouseover的时候,打开一个窗口 显示大图片
onmouseout 的时候,关闭此图片窗口
==========================================正解决
当JS里面写innerHTML  把图片放到你想放的地方就OK了```

Answer 15

<img src="http://dotnet.aspx.cc/images/copyright.gif" onmouseover="this.src='http://dotnet.aspx.cc/Images/logoSite.gif'" onmouseout="this.src='http://dotnet.aspx.cc/Images/copyright.gif'" />