一夜之間 似乎互聯(lián)網(wǎng)上出現(xiàn)了一種類似瀑布形式的網(wǎng)頁布局，如美麗說、蘑菇街等網(wǎng)站都采用這種布局形式。常見的實現(xiàn)方法一般分為：傳統(tǒng)多列浮動 、CSS3 定義、絕對定位。 筆者看到網(wǎng)上僅僅有關于CSS的詳細教程，未見有絕對定位的相關教程。現(xiàn)在想和各位朋友們分享一下絕對定位的應用及具體代碼，希望朋友們能夠指出其中的不足之處。

　　JS的絕對定位分解成三個部分代碼，這樣清晰，方便查看代碼，其中包括： Javascript代碼、HTML代碼、[AJax封裝文件 代碼。

 [Javaｓｃｒｉｐｔ]代碼

<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" src="ajax.js"></ｓｃｒｉｐｔ>

<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">

window.onload=function()

{

        var oDiv =document.getElementById("div");

        var oUl=document.getElementsByTagName("ul");

        window.onscroll=function()

        {

                var clientH=document.documentElement.clientHeight;

                var scrollH=document.documentElement.scrollTop||document.body.scrollTop;

                for(var i=0;i<oUl.length;i++)

                {

                        var aLi=oUl[i].getElementsByTagName("li")

                        var lastL=aLi[aLi.length-1];

                        if(toTop(lastL)<clientH+scrollH)

                        {

                                ajax("a.js",function(str)

                                {

                                        var json = eval('('+str+')')

                                        for(var i=0;i<json.list.length;i++)

                                        {

                                                var list=json.list[i];

                                                for(var j=0;j<list.src.length;j++)

                                                {

                                                        var oLi=document.createElement("li")