根据滚动条自动加载内容

javaEEdevelop

浏览: 865365 次
性别:
来自: 广州

最近访客更多访客>>

gumuzhiyu

babysoon

acoolper

daki5000

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (410)

社区版块

存档分类

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>滚动条自动加载</title>

</head>

$(function(){

$(window).bind("scroll",winScroll);

});

/**

滚动条加载事件

var t=11;

var docHeigth=0;

function winScroll(){

//"滚动条自动加 -->"+$(window).height()

var scrollTop=$(window).scrollTop();

var docHeigth=$(document).height();

if(docHeigth-scrollTop<=1000){

if(t<100){

for(var i=0;i<10;i++){

var dd=document.createElement('div');

$(dd).attr("id","div_inner_"+t);

$(dd).css("width",1000);

$(dd).css("height",200);

$(dd).css("border","1px solid #cc66e8");

$(dd).css("margin-top",10);

$(dd).css("margin-bottom",10);

$(dd).css("margin-left","auto");

$(dd).css("margin-right","auto");

$(dd).css("text-align","left");

$(dd).html("div_inner_"+t);

$(dd).appendTo($('#div_outer'));

t++;

}

//$(window).scrollTop(scrollTop);

}

//"滚动条自动加 -->"+$(window).height()

document.title=$(document).height()+"--"+scrollTop;

}

</script>

<body>

div_inner_1

</div>

div_inner_2

</div>

div_inner_3

</div>

div_inner_4

</div>

div_inner_5

</div>

div_inner_6

</div>

div_inner_7

</div>

div_inner_8

</div>

div_inner_9

</div>

div_inner_10

</div>

</body>

</html>

分享到：

lombok的使用 | pinyni4j的使用

2011-08-18 17:49
浏览 1255
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论