其實網站建設要實現圖片延遲加載效果的原理很簡單，先把所有需要延遲加載的圖片的src都設置成同1個小圖片的連接(sprite.gif)，把真真圖片的連接放進圖片的alt屬性中，look下代碼：

　　<a class="inner" target="new" title="" href="http://www.sjf2002.com">

　　<img width="120" height="90" class="pack_clipImg lazyImg" alt="關鍵字" src="圖片地址" coords="_DAA"/>

　　</a>

　　第二步：綁定window.scroll事件，在該事件里面的重設所有class為lazyImg的圖片的src值，在土豆首頁找到如下JS:

　　var o=function(){

　　var s=TUI.pos.scrollTop(),q=c;

　　if(q.box[0]){

　　var r=q.box.offset().top;

　　if(r-s>0&&r-TUI.pos.windowHeight()<s){

　　q.init()

　　}else{

　　q.stop()

　　}

　　}

　　if(!h||s<590){return true}

　　TUI.widget.quickPlaylist.load();

　　h=false

　　};

　　o();

　　$(window).bind("scroll",o);

　　我沒有去跟入查看TUI.widget.quickPlaylist.load()方法的實現，tudou的JS都是壓縮混淆的，看起來挺累，不過大家知道原理就可以了。