本文主要介紹jquery導(dǎo)航欄樣式(jquery navigation)，下面一起看看jquery導(dǎo)航欄樣式(jquery navigation)相關(guān)資訊。
首先看一下中英文切換的導(dǎo)航欄效果:我實現(xiàn)了兩種，一種是用css3，一種是用jquery。首先，讓我們 讓我們來談?wù)勅绾问褂胏ss3來實現(xiàn)它。html:首頁索引首頁bbs論壇博客博客購物中心購物中心下載css:* { margin:0px；；填充物:0px；字體微軟雅黑李列表樣式:無；} one {文字裝飾:無；}資產(chǎn)凈值。寬度:100%；高度:40px；背景色:# 222；邊距:100px；溢出:隱藏；}導(dǎo)航列表{ width:1000 px；；保證金:0車；高度:40px；}資產(chǎn)凈值列表李{浮點數(shù):左；}資產(chǎn)凈值列表顯示塊；轉(zhuǎn)場:0.2s；}凈資產(chǎn)列表李b、凈資產(chǎn)列表李i { color:# aaa；；行高:40px；顯示塊；填充物:0.30px文本對齊:居中；}凈資產(chǎn)列表李b { font weight:normal；}凈資產(chǎn)列表li i { font style:normal；顏色:# fff；；背景色:# 333；}資產(chǎn)凈值列表:保證金:-40px；；紅色部分是這個過程的實現(xiàn)。鼠標(biāo)移動時，會顯示中文位置如何變化。那就是刪除英語。值得注意的是，我們需要使用hidden屬性來隱藏它。如果想慢一點，可以用transformation屬性設(shè)置變化時間，這樣就可以減緩變化。然后在jquery: css中實現(xiàn):* { margin:0px；；填充物:0px；字體微軟雅黑李列表樣式:無；} one {文字裝飾:無；}資產(chǎn)凈值。寬度:100%；高度:40px；背景色:# 222；margin-top : 100p x；溢出:隱藏；}導(dǎo)航列表{ width:1000 px；；保證金:0車；高度:40px；}資產(chǎn)凈值列表李{浮點數(shù):左；}資產(chǎn)凈值列表顯示塊；}凈資產(chǎn)列表李b、凈資產(chǎn)列表李i { color:# aaa；；行高:40px；顯示塊；填充物:0.30px文本對齊:居中；}凈資產(chǎn)列表李b { font weight:normal；}凈資產(chǎn)列表li i { font style:normal；顏色:# fff；；背景色:# 333；} jquery:$(function{)$(hover)。$(這個)。停止。動畫({邊距top:: 40}，200)} function { $(這個)。停止。動畫({top margin:: 0，200)})；});關(guān)鍵是要實現(xiàn)animation函數(shù)的功能。通過設(shè)置頁邊距的頂部和時間，所有的更改(如下圖所示)都可以被阻止。在animation函數(shù)之前添加(停止)函數(shù)，即在all停止動畫之前，其他動畫之前，然后在動畫開始之前。以上是本文的全部內(nèi)容，希望能對你有所幫助，也希望你多多支持。
了解更多jquery導(dǎo)航欄樣式(jquery navigation)相關(guān)內(nèi)容請關(guān)注本站點。