想问一下这个效果是怎么做的?
浏览器拉小会自动适应屏幕,图片是慢慢夹在出来的地址是 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")
});
};
--------------------编程问答--------------------
--------------------编程问答-------------------- Jquery实现,对了,还得用Div+css(排版必不可少) --------------------编程问答-------------------- --------------------编程问答-------------------- Jquery.LazyLoad.js不也是js吗。。。。 --------------------编程问答--------------------
#imgshow
{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
color:#fff;
display:none;
}
1、自动适应屏幕,用div+css布局就可以实现了。
2、图片慢慢加载出来,用到了延迟异步加载的方式。 --------------------编程问答--------------------
++ --------------------编程问答-------------------- ++ --------------------编程问答-------------------- 感觉应该是JS做的 --------------------编程问答-------------------- 貌似是用瀑布流的形式,QQ好友相册跟新浪微博都是这么搞的,哪位有这样的代码发来学习一下??? --------------------编程问答-------------------- 谢谢,我去看看 --------------------编程问答-------------------- 貌似是JQuery + div+css吧
补充:.NET技术 , ASP.NET