请问360buy京东商城鼠标经过图片时的效果....感谢....
http://www.360buy.com/product/157097.html
鼠标移到左边的大图时,在右边指定的地方显示放大的清晰图

解决方案 »

  1.   

    楼主看这个
    http://www.cnblogs.com/cloudgamer/archive/2008/07/21/1247267.html
      

  2.   

    应该是javascript 效果吧.onmouserover时,那个隐藏的黄色块就变成显示状态了.至于大图,可能是用到css的div的背景图片(可以指定显示部分,其参数应该与鼠标的X/Y轴相关)
      

  3.   

    楼主可留下邮箱,我把示例发给你,是用jquery的插件的
      

  4.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript"> 
      function  showBig(path)
      {
        var img = document.getElementById("big");
        img.src=path;
      }
    </script>
    </head><body>
       <div>
          <img id="big" src="ad01.jpg" width="300" height="300"/>
       </div>
       <div>
           <img  src="ad01.jpg" width="50" height="50" onmousemove="showBig('ad01.jpg')"/>
       <img src="ad02.jpg" width="50" height="50"  onmousemove="showBig('ad02.jpg')"/>
       </div>
    </body>
    </html>
      

  5.   


    可我以前没用过jQuery,我是用asp.net开发的
      

  6.   

    我也认为是用的javascript
    但本人却很不擅长这个
    还请各位帮帮忙呐 ~~~.
      

  7.   

    邮箱:[email protected] 
    汗 ~ !前面的错了
      

  8.   

    也给我一份吧,谢谢!
    [email protected]
      

  9.   


    能否也发我一份呢..谢谢..[email protected]
      

  10.   

    jQuery 特效 
    网上很多这种效果 !~~~
      

  11.   

       div获取图片 x&y  不过不会 哈哈
      

  12.   

    这里有一个jQuery插件叫jQZoom,比京东的效果更酷,免费的,不过如果你有钱,也可以donate支持一下:):http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
      

  13.   


    移动鼠标时,捕获鼠标的x/y座标值.然后通过X/Y坐标动态改变黄色方块的位置.
    同时用X/Y坐标值,来改变"用于显示大图的DIV"的背景图片的"显示区域"自己用javascript代码就行了.如果用jQuery等,客户端在浏览时就会下载很多不必要的代码.