當前位置:編程學習大全網 - 網絡軟體 - lazyloadjs

lazyloadjs

提供給妳個思路吧,js源碼沒整理,所以給妳也運行不了,不太復雜。

首先,妳要知道屏幕顯示區域的高度,滾動條位置和圖片的位置,例如滾動條位置是200px,屏幕高度300px,那麽當圖片距離頁面頂部的為200至(200+300)之間時,該圖片應該被顯示了。這個計算可以在滾動條滾動事件中觸發。

圖片必須具有高寬設定,否則無法正確計算。圖片的源碼應類似<img target_src="abc.gif" style="width: 200px; height:200px;" />,當需要顯示時,將圖片的src設置為target_src的值就行了,如objImg.setAttribute('src', objImg.getAttribute('target_src'));

就這麽簡單

  • 上一篇:Adobe Flash CS5的新特性
  • 下一篇:操場埋屍案被害人的家屬將起訴電影片方,起訴的原因是什麽?
  • copyright 2024編程學習大全網