<noscript id="eassg"><table id="eassg"></table></noscript>
  • <strike id="eassg"><s id="eassg"></s></strike>
  • <ul id="eassg"></ul>
    注冊(cè)|登錄

    聯(lián)系電話:024-31891684  13390130939
    沈陽(yáng)軟件公司--沈陽(yáng)軟件定制

    沈陽(yáng)軟件開發(fā)_沈陽(yáng)軟件公司_沈陽(yáng)軟件定制/軟件/最新技術(shù)

    Latest technology最新技術(shù)

    瀑布流 -- jQuery技術(shù)實(shí)現(xiàn) 延遲AJAX加載圖片

    瀏覽量:5694

    實(shí)現(xiàn)方法:
      給window的scroll事件l綁定一個(gè)處理函數(shù):做如下工作:
      1.如何判斷最后一行的圖片,是否進(jìn)入了可視區(qū)域?
        如果:最后一行的某個(gè)圖片距離瀏覽器可視區(qū)域頂部的距離值 小于 (可視區(qū)域的高度+滾動(dòng)條滑動(dòng)的距離值);
        那么:就可以判定這個(gè)圖片進(jìn)入了瀏覽器的可視區(qū)域;
      2.如何用AJAX請(qǐng)求服務(wù)器數(shù)據(jù);
        $.getJSON()方法,直接請(qǐng)求JSON格式的數(shù)據(jù);
      3.將數(shù)據(jù)播入到相應(yīng)的列隊(duì);
        使用$.each循環(huán),將對(duì)應(yīng)的JSON數(shù)據(jù)入到對(duì)應(yīng)的列當(dāng)中.

     

    注意事項(xiàng)
      當(dāng)在執(zhí)行AJAX請(qǐng)求的時(shí)候,是有數(shù)據(jù)在傳輸,所以需要一定的時(shí)間,才能獲得返回的jSON數(shù)據(jù)。(有了數(shù)據(jù),才能向UL中插入LI)而這個(gè)時(shí)候,如果用戶又一次拖動(dòng)滾動(dòng)條,那么上面代碼的isSee 還是返回true;所以又會(huì)執(zhí)行AJAX請(qǐng)求。這里我們就需要手動(dòng)設(shè)置一個(gè)“開關(guān)”,來控制。
      只有當(dāng)數(shù)據(jù)加載完成后,并且都添加進(jìn)了對(duì)應(yīng)的UL之后,再次拖動(dòng)時(shí),打開這個(gè)“開關(guān)”,即onOff設(shè)為true;,
      因?yàn)閿?shù)據(jù)加載完成后,意味著每列的UL里面,在最后面又多出了剛通過AJAX添加進(jìn)來的LI數(shù)據(jù),所以可以有再次的AJAX請(qǐng)求。


     查看效果:http://www.www.000217.com/skin/myWaterFallFloat/index.html

    下載地址:myWaterFallFloat.rar

    沈陽(yáng)團(tuán)購(gòu)網(wǎng)|營(yíng)口網(wǎng)站制作|沈陽(yáng)軟件公司|軟件定制|網(wǎng)站建設(shè)|加盟易勢(shì)|提交問題

    亚洲精品WWW久久久久久| 九九99久久精品国产| 国内精品久久久人妻中文字幕| 中文字幕日韩丝袜一区| 国产精品玖玖玖在线资源| 国产精品自拍一区| 久久精品人人做人人爽电影蜜月 | 亚洲国产日韩精品| 日韩精品久久不卡中文字幕| 国产精品国产福利国产秒拍| 精品国产V无码大片在线看| 久久99精品国产麻豆| 亚洲精品国产成人99久久| 久久精品国产69国产精品亚洲| 国内精品久久久久国产盗摄| 久久精品免费网站网| 国产农村妇女毛片精品久久| freesexvideos精品老师毛多| 精品91一区二区三区| 亚洲国产精品日韩av不卡在线| 日韩精品一区二三区中文| 国产精品100页| 国产成人精品视频午夜| 国产精品亚洲一区二区无码 | 国产成人综合精品一区| 视频二区国产精品职场同事| 日韩中文有码高清| 日韩色日韩视频亚洲网站| 日韩一区二区超清视频| 亚洲国产日韩在线成人蜜芽 | 国产成人综合久久精品| 国产精品自在自线免费观看| 国产精品综合一区二区三区| 国产精品久久久久久久伊一 | 无码人妻精品一区二区蜜桃AV| 日韩电影免费在线| 日韩午夜免费视频| 亚洲精品高清一二区久久| 国产精品福利片免费看| 久久久久无码精品| 亚洲精品乱码久久久久久自慰|