注冊|登錄

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

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

Latest technology最新技術(shù)

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

瀏覽量:5699

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

 

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


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

下載地址:myWaterFallFloat.rar

沈陽團購網(wǎng)|營口網(wǎng)站制作|沈陽軟件公司|軟件定制|網(wǎng)站建設(shè)|加盟易勢|提交問題

主站蜘蛛池模板: 国产漂亮白嫩的美女| 成年在线网站免费观看无广告| 伊人久热这里只精品视频| 范冰冰hd未删减版在线观看| 国产精品久久久久久久久| Aⅴ精品无码无卡在线观看| 成全高清视频免费观看| 久久精品国产精品亚洲毛片| 天天拍天天干天天操| 夜鲁鲁鲁夜夜综合视频欧美| 中文字幕一区二区三区日韩精品| 污污的网站免费在线观看| 又大又硬又黄的免费视频| 香港三级日本三级三级韩级2| 国产精品三级在线观看无码| 97碰在线视频| 女人与大拘交口述| 中国成人在线视频| 欧美换爱交换乱理伦片不卡片| 免费乱理伦片在线直播| 美女露胸视频网站| 国产剧情精品在线观看| 免费黄网站大全| 国产精品成人久久久久| 99久久精品费精品国产一区二区| 成人免费一区二区三区| 久久er这里只有精品| 日韩乱码人妻无码中文字幕视频| 亚洲一区二区三区在线| 欧美日韩中文字幕在线视频| 亚洲综合久久精品无码色欲| 疯狂做受xxxx高潮不断| 动漫人物桶动漫人物免费观看 | 日本护士xxxx黑人巨大| 久久青草免费91线频观看不卡| 欧美三级黄视频| 亚洲欧洲中文日韩久久av乱码| 波多野结衣在线影院| 人体大胆做受免费视频| 精品一区二区三区在线播放视频| 啊灬啊灬啊灬快灬深久久|