专注于discuz,uchome,dedecms等各类PHP程序仿站(二次开发和模板制作)。

« »

Jquery 瀑布流的原理

Jquery 瀑布流的原理代码:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title> New Document </title>
<script language=”javascript” src=”http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js”></script>
<script type=”text/javascript”>
var index=0;
$(function(){
$(window).bind(“scroll”,function(){
var topHeight=$(document).scrollTop();
var winHeight = $(window).height();
var docHeight = $(document).height();
if (topHeight+winHeight > docHeight-10 ){
index++;
$(“#float”).append(”+index+’新加入<br />’);
}
});
});
</script>
</head>
<body>
<div id=”float”>
中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人<br />中国人
</div>
</body>
</html>

 

原创文章如转载,请注明:转载自火跃工作室
本文网址:http://www.huoyue.org/jquery-baobuliu

日志信息 »

该日志于2012-07-18 17:36由 火跃 发表在javascript分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下引用到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

相关日志 »

没有评论

发表评论 »