瀑布流效果源码

*{margin: 0;padding: 0;list-style: none;} #box{width: 888px; margin:0 auto; overflow: hidden;} ul{width:200px; border:1px solid red; float: left; margin:10px;} ul li{ width:200px; height:150px; background:#ccc; margin:10px 0;} /style script type="text/javascript" function rnd(n,m){ return parseInt(n+Math.random()*(m-n)); function createLi(){ var oLi = document.createElement(li); oLi.style.height=rnd(150,301)+px; oLi.style.background=rgb(+rnd(0,256)+,+rnd(0,256)+,+rnd(0,256)+); return oLi;
window.onscroll=function(){ var scrollT = document.documentElement.scorllTop||document.body.scrollTop; var winH = document.documentElement.clientHeight; var scrollBottom = scrollT+winH; if(scrollBottom =document.body.scrollHeight-500){ createLi20(); /script /head body div id="box" ul /ul ul /ul ul /ul ul /ul /div /body /html
Java实现拼图小游戏（5）—— 美化界面（含源码阅读） 先加载的图片在上方，后加载的图片在下方，所以我们要把创建背景图的代码放在我们之前创建十五个小图片的代码后面，否则会出现背景图片将我们要拼的图片覆盖的情况