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

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

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

　　</a>

　　第二步：綁定window.scroll事件，在該事件里面的重設(shè)所有class為lazyImg的圖片的src值，在土豆首頁(yè)找到如下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);

　　我沒(méi)有去跟入查看TUI.widget.quickPlaylist.load()方法的實(shí)現(xiàn)，tudou的JS都是壓縮混淆的，看起來(lái)挺累，不過(guò)大家知道原理就可以了。