当前位置:编程学习 > C#/ASP.NET >>

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

浏览器拉小会自动适应屏幕,图片是慢慢夹在出来的
地址是 http://www.songlipin.net/ --------------------编程问答-------------------- 哇, so cool ! --------------------编程问答-------------------- 1.普通DIV+CSS布局

2.Jquery.LazyLoad.js --------------------编程问答-------------------- 源码里没看到这个js啊  Jquery.LazyLoad.js --------------------编程问答-------------------- 我也要作出这个效果 --------------------编程问答-------------------- 异步加载+JS自动适应屏幕分辨率! --------------------编程问答-------------------- 我只要其中的一部分,搞定

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")
    });
};

--------------------编程问答--------------------

#imgshow
{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
color:#fff;
display:none;
}
--------------------编程问答-------------------- Jquery实现,对了,还得用Div+css(排版必不可少) --------------------编程问答-------------------- --------------------编程问答-------------------- Jquery.LazyLoad.js不也是js吗。。。。
引用 3 楼  的回复:
源码里没看到这个js啊  Jquery.LazyLoad.js
--------------------编程问答--------------------
引用楼主  的回复:
浏览器拉小会自动适应屏幕,图片是慢慢夹在出来的
地址是 http://www.songlipin.net/


1、自动适应屏幕,用div+css布局就可以实现了。
2、图片慢慢加载出来,用到了延迟异步加载的方式。 --------------------编程问答--------------------
引用 11 楼  的回复:
引用楼主  的回复:
浏览器拉小会自动适应屏幕,图片是慢慢夹在出来的
地址是 http://www.songlipin.net/


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

++ --------------------编程问答--------------------
引用 12 楼  的回复:
引用 11 楼  的回复:

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


1、自动适应屏幕,用div+css布局就可以实现了。
2、图片慢慢加载出来,用到了延迟异步加载的方式。
++ --------------------编程问答-------------------- 感觉应该是JS做的 --------------------编程问答-------------------- 貌似是用瀑布流的形式,QQ好友相册跟新浪微博都是这么搞的,哪位有这样的代码发来学习一下??? --------------------编程问答-------------------- 谢谢,我去看看 --------------------编程问答-------------------- 貌似是JQuery + div+css吧
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,