先上效果圖js代碼muiplusReadyfunction var ws = wssetStyle quottitleNViewquot backgroundColor #39#f7f7f7#39，導航欄背景色 titleText #39透明漸變native模式#39，導航。

2設(shè)置一個簡易的導航欄3加css 控制菜單的樣式，并加入背景圖片4為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)5為函數(shù)加入點擊導航改變背景圖片的代碼=quoturlimagesbg2pngquot6。

就是把首頁新聞供求都放到一個div里面，讓他們排成一列，要是直接使用lta的話就給他css設(shè)成，displayblock ，然后設(shè)置樣式，滿意后把這個div的高度設(shè)置成一個lta的高度，就是overflowhidden，鼠標移上去的。

然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣式的時候一定要注意寫在樣式標簽里最后，運行html頁面，您將看到如下圖所示的導航欄當鼠標放在導航條上時，背景色會變成紅色CSShtml5如何做到點擊導航欄。

a 標簽對是一個網(wǎng)站的一條信息鏈接定義的，alink * 未訪問的鏈接 *avisited * 已訪問的鏈接 *ahover * 當有鼠標懸停在鏈接上 *aactive * 被選擇的鏈接 * 然后你。

然后就需要在style標簽中用CSS對導航條的樣式進行定義了，如下圖所示，書寫樣式的時候一定要注意寫在style標簽里面 最后運行html頁面，你就會看到如下圖所示的導航條，當鼠標放在某個導航上時，背景色會變成紅色。

這個用jQuery就的toggle函數(shù)可以實現(xiàn)lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltscript src=quot ltstyle main liststyle float。

方法一js+url，方法二php語言判斷，單單html+css實現(xiàn)不了你要的效果。

這里的navscroll改為你的導航欄的id或class offset 5， 在元素沒有固定之前，垂直方向的偏移量以px為單位 tolerance 5， scroll tolerance in px before state changes classes ini。

1使用 js的寫法ltspan onmouseover=quot=#39#ffffff#39quot onmouseout=quot=#39#000000#39quot style=quotcolor#000000quot文字ltspan設(shè)置初始的顏色為黑色添加鼠標over事件，當鼠標移動到文字上面時。

1首先打開Deamweaver8，新建一網(wǎng)頁文件，接著輸入以下導航菜單的內(nèi)容2此時對應(yīng)效果如圖3接下來準備相關(guān)的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁此時的效果。

3看看蒙版層的樣式定義代碼如圖所示背景rgba0，0，0，07透明度可以通過修改后面的07號來改變1是完全不透明的，0是完全透明的4然后添加用于鼠標移動的腳本代碼來顯示蒙版層這段js代碼是用jquery編寫的。

2在html文件上找到body標簽，在這個標簽里創(chuàng)建一個div標簽并設(shè)置class類為bg ，如圖所示3接著在title標簽后創(chuàng)建style標簽用來給bg類添加樣式在這給bg類設(shè)置了一個寬高和背景顏色4然后設(shè)置鼠標滑過div時背景。

#39nav li#39mouseenterfunction $#39con li#39eq$thisindexshowsiblingshide這樣就可以實現(xiàn)鼠標經(jīng)過顯隱效果了，文字位置需要你自己調(diào)整樣式。

backgroundrgba0，0，0，07可以通過修改后面的07這個數(shù)字來改變透明度1為完全不透明，0為完全透明4接著添加鼠標移動上去顯示遮罩層的腳本代碼這個js代碼用jquery來寫，方便，簡單一點，所以我們先引入jquery。