要实现鼠标移动到图片图片放大..如何实现,JS还是ajax...

解决方案 »

  1.   

    http://topic.csdn.net/u/20090610/08/34960092-3b30-41c7-ae52-b8f5b0ac27a2.html
      

  2.   

    要不楼主你把你的图片做一个缩略图和一个原图,一开始显示的是缩略图,鼠标放上去以后就用一个悬浮的div中的img控件来显示原图。
      

  3.   

    一个简单的例子,可以扩展:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <style>
    #hint{
    width:198px;
    border:1px solid #000000;
    background:#99ff33;
    position:absolute;
    z-index:9;
    padding:6px;
    line-height:17px;
    text-align:left;
    top: 1520px;
    }
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showme()
    {
    var oSon=window.document.getElementById("hint");
    if (oSon==null) return;
    with (oSon) 
    {
    innerText=guoguo.value;
    style.display="block";
    style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;
    style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;
    }
    }
    function hidme()
    {
    var oSon=window.document.getElementById("hint");
    if (oSon==null) return;
    oSon.style.display="none";
    }
    //-->
    </SCRIPT>
    <BODY>
    <text id=guoguo value=ga>
    <a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint>dfdfd
    <div id=hint style="display:none"> 
    <BODY>
    </HTML>
      

  4.   

    新窗口啊?
    那就
    window.open(...)
    鼠标移动到图片上就是onmouseOver="";综合:
    <img src="" onmouseOver="newWindow()" />
    <script>
    function newWindow(){
    window.open(...);
    }
    </script>
    window.open(...)的用法我也没办法说清楚,你看文:《window.open()--窗口参数详解! 》——————————————
    签名(这只是签名,绝对不是广告)
    无瑕工作室(http://www.xwooo.com)
    ——————————————