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

xiaochao1987 2012-03-28 03:49:48

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

...全文

175 17 打赏收藏转发到动态举报

写回复

用AI写文章

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

CalvinR 2012-03-30

打赏
举报

貌似是JQuery + div+css吧

xiaochao1987 2012-03-30

打赏
举报

谢谢,我去看看

dsmetty 2012-03-29

打赏
举报

感觉应该是JS做的

IssacChow 2012-03-29

打赏
举报

[Quote=引用 12 楼的回复:]

引用 11 楼的回复:

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

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

朕赐你肥皂 2012-03-29

打赏
举报

[Quote=引用 11 楼的回复:]

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

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

imfor 2012-03-29

打赏
举报

貌似是用瀑布流的形式,QQ好友相册跟新浪微博都是这么搞的,哪位有这样的代码发来学习一下???

全栈极简 2012-03-28

打赏
举报

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

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

色拉油 2012-03-28

打赏
举报

Jquery.LazyLoad.js不也是js吗。。。。[Quote=引用 3 楼的回复:]

源码里没看到这个js啊 Jquery.LazyLoad.js
[/Quote]

EnForGrass 2012-03-28

打赏
举报

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

dabingsou 2012-03-28

打赏
举报



#imgshow

{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:5px;

	color:#fff;

	display:none;

}

dabingsou 2012-03-28

打赏
举报

我只要其中的一部分,搞定



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

    });

};