想问一下这个效果是怎么做的?

Question

浏览器拉小会自动适应屏幕,图片是慢慢夹在出来的
地址是 http://www.songlipin.net/

Answer 1

1.普通DIV+CSS布局2.Jquery.LazyLoad.js

Answer 2

源码里没看到这个js啊  Jquery.LazyLoad.js

Answer 3

我只要其中的一部分,搞定var ShowImage = function () {
    xOffset = 10;
    yOffset = 30;
    jQuery(".img_head").hover(function (e) {
        jQuery("<img id='imgshow' src='" + this.src + "' width='300px' />").appendTo("body");
        jQuery("#imgshow")
                    .css("top", (e.pageY - xOffset) + "px")
                 .css("left", (e.pageX + yOffset) + "px")
        .fadeIn("fast");
    }, function () {
        jQuery("#imgshow").remove();
    });    jQuery(".img_head").mousemove(function (e) {
        jQuery("#imgshow")
                   .css("top", (e.pageY - xOffset) + "px")
           .css("left", (e.pageX + yOffset) + "px")
    });
};

Answer 4

#imgshow
{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
color:#fff;
display:none;
}

Answer 5

Jquery实现，对了，还得用Div+css（排版必不可少）

Answer 6

1、自动适应屏幕，用div+css布局就可以实现了。
2、图片慢慢加载出来，用到了延迟异步加载的方式。

Answer 7

貌似是JQuery + div+css吧