页面很多图片,鼠标指上去时显示大图和详细信息。效果如图:
求类似代码,谢谢前辈们

解决方案 »

  1.   

    http://stylechen.com/jquery-image-hover-zoom.html
      

  2.   

    $("图片").hover(
      function () {
        $("层").show();
      },
      function () {
        $("层").hide();
      }
    );
      

  3.   

    offset定位 hover显示隐藏层
    没时间啊没时间
      

  4.   

    jquery 有几款这样的图片放大插件 。
    都挺精美的 。
      

  5.   

    实现代码如下:  $(function() {
                var x = 22;
                var y = 20;
                $("#imgAbc").hover(function(e) {
               $("body").append("<div id='productInf'></div>");
                   widthJudge(e);
               });
               $("#imgAbc").mouseout(function(e) {
                $("#productInf").hide();
            });
            function widthJudge(e) {
                var marginRight = document.documentElement.clientWidth - e.pageX;
                var imageWidth = $("#productInf").width();
                if (marginRight < imageWidth) {
                    x = imageWidth + 22;
                    $("#productInf").css({ "top": (e.pageY - x) + "px", "left": (e.pageX + y) + "px" }).fadeIn("fast");
                } else {
                    x = 22;
                    $("#productInf").css({ "top": (e.pageY - x) + "px", "left": (e.pageX + y) + "px" }).fadeIn("fast");
                };
            }        });呵呵,谢谢13楼的好意,有问题再找你探讨
      

  6.   

    楼主,写个例子,传到csdn的资源里吧,有时间我下下来看看,前些天同事问过我,我忘记咋弄出来的了,我回顾回顾,关注下你
      

  7.   

    jquery放大镜
      

  8.   


    就是这个思路,弄个绝对定位的Div,把要显示的信息放到里面(当然你也可以用Ajax,也可以预定就把内容输出来display:none)
      

  9.   

    是美女吗,我原来弄过一个差不多的。有很jquery插件可用的,下过来改改就行了。