欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

絕對(duì)定位:JS照樣實(shí)現(xiàn)瀑布流式布局_建站經(jīng)驗(yàn)教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

推薦:從搜索營銷過程找營銷效果提升關(guān)鍵
通過搜索引擎進(jìn)行營銷,成為越來越多企業(yè)的營銷手段,營銷市場確實(shí)很大,可能否從中分一杯羹呢?

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

  

 

  JS的絕對(duì)定位分解成三個(gè)部分代碼,這樣清晰,方便查看代碼,其中包括: Javascript代碼、HTML代碼、[AJax封裝文件 代碼。

 [Javascript]代碼

<script type="text/javascript" src="ajax.js"></script>

<script type="text/javascript">

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")

分享:云數(shù)據(jù)-租用香港服務(wù)器有哪些優(yōu)點(diǎn)呢?
現(xiàn)在企業(yè)間的競爭十分的激烈。因此不論是大型企業(yè)還是小型企業(yè)都采用建設(shè)屬于自己網(wǎng)站的方式來進(jìn)行自己的產(chǎn)品宣傳以及公司形象傳播! 但是,對(duì)于一些還在創(chuàng)業(yè)期的企業(yè)來說,建設(shè)一個(gè)網(wǎng)站往往就是一件比較麻煩而且比較復(fù)雜的事情!因?yàn)榻ㄔO(shè)一個(gè)網(wǎng)站就需要有自己的獨(dú)立服

共4頁上一頁1234下一頁
來源:模板無憂//所屬分類:建站經(jīng)驗(yàn)教程/更新時(shí)間:2013-04-17
相關(guān)建站經(jīng)驗(yàn)教程