注冊(cè)|登錄

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

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

Latest technology最新技術(shù)

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

瀏覽量:5698

實(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è)“開(kāi)關(guān)”,來(lái)控制。
  只有當(dāng)數(shù)據(jù)加載完成后,并且都添加進(jìn)了對(duì)應(yīng)的UL之后,再次拖動(dòng)時(shí),打開(kāi)這個(gè)“開(kāi)關(guān)”,即onOff設(shè)為true;,
  因?yàn)閿?shù)據(jù)加載完成后,意味著每列的UL里面,在最后面又多出了剛通過(guò)AJAX添加進(jìn)來(lái)的LI數(shù)據(jù),所以可以有再次的AJAX請(qǐng)求。


 查看效果:http://www.bigbenlau.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ì)|提交問(wèn)題

主站蜘蛛池模板: 一本大道香蕉大无线视频| 日本欧美久久久久免费播放网| 日韩欧美亚洲国产精品字幕久久久| 日产中文字乱码卡一卡二视频| 好大好硬使劲脔我爽视频| 国产真实伦偷精品| 呦交小u女国产秘密入口| 亚洲欧美日韩综合久久久久| 久久婷婷五月综合97色一本一本| 一个人看的www免费高清中文字幕| www.色日本| 精品人人妻人人澡人人爽人人| 欧美日韩一区二区三区麻豆| 无码人妻精品一区二区三区蜜桃 | 日韩国产欧美精品综合二区| 天堂资源最新在线| 国产在线激情视频| 亚洲综合色丁香婷婷六月图片| 久久精品免费观看国产| 97久久精品人人澡人人爽| 老子午夜伦费影视在线观看| 欧美一级看片免费观看视频在线| 小13箩利洗澡无码视频网站| 国产成人免费福利网站| 亚洲精品无码久久毛片| 中文字幕第二页| 国产色在线视频| 欧美群交在线播放1| 影音先锋人妻啪啪av资源网站 | 男女一边摸一边做爽视频| 日本不卡中文字幕| 国产精品538一区二区在线| 人妻18毛片a级毛片免费看| 久久99国产精品| 免费福利在线观看| 欧美美女毛茸茸| 女人18毛片水真多免费看| 国产99热在线观看| 久久精品a亚洲国产v高清不卡| 3d玉蒲团之极乐宝鉴| 男人的天堂久久|