土豆(tudou.com)首頁的導(dǎo)航條,當(dāng)鼠標(biāo)移到到“社區(qū)”菜單時(shí)，對應(yīng)的菜單的彈出效果比較有意思，類似于一個(gè)彈球落地的效果，對于有意思的東西，當(dāng)然要研究研究。有興趣的朋友可以自己先去看看效果，然后再來看文章。

　　tudou代碼

　　看了tudou的js代碼，發(fā)現(xiàn)他們也是使用jquery來實(shí)現(xiàn)動(dòng)畫效果的，代碼如下：

f.style.height=0;this.style.visibility="visible";$(f).animate({height:g},500,"easeOutBounce");$(i).addClass("hover")

it知識庫：名站技術(shù)分析 — tudou網(wǎng)首頁下列菜單的彈出效果，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。