用JS做的，很簡單我可以給你寫一個(gè)JS代碼你把需求發(fā)給我吧這是我給別人寫的，你可以參考一下，是不是這樣的效果lt！DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quot；include ltiostream include ltstdioh int jcint m ifm！=1 return m*jcm1else return 1 int cint m，int n ifm=n return jcmjcn*jcmn int mainvoid int；下面是最基本的框架，內(nèi)容和樣式你需要自己調(diào)整 lt！DOCTYPE html#tree width 150px#tree， #tree ul liststyle margin 0 padding 0 padding 10px#tree li border 1px solid。

JS或Jquery動(dòng)態(tài)改變導(dǎo)航欄樣式 js怎么實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕時(shí)樣式改變，直到點(diǎn)擊下一個(gè)按鈕時(shí)原先的樣式?jīng)]有，當(dāng)前按鈕顯示那個(gè)樣式我用的方法是functionchangeStyle$“#menu1”attrquotclassquot，quot樣式quot這個(gè)是 js怎么實(shí)現(xiàn)；你好選中和未選中主要是通過hover來實(shí)現(xiàn)的如果不清楚，可以私信或者繼續(xù)給我留言，我看怎么實(shí)現(xiàn)。

mainMenu backgroundcolorFFF*Backgroundcolorofmainmenu* fontfamilyTrebuchetMS，LucidaSansUnicode，Arial，sansserif*Fontsofmainmenuitems* fontsize12em*Fontsizeofmainmenuitems* borderbottom1pxso；lt！DOCTYPE html Title span width 40pxheight 5pxbackground aquadisplay blockfloat leftmarginleft 15pxmargintop 300px lt！由于沒有圖片資源，所以就用alt 中的；可以讓 h3后的div都隱藏 給要顯示的h3加個(gè)class=“on” 有on的加樣式及h3+div ，+號就是有on的h3后的第一個(gè)div顯示；US OK 誰有PHP+JS的三級聯(lián)動(dòng)菜單啊~急用~~可以連接MYSQL數(shù)據(jù)庫的_百度知道 var IKFromImport=false Gquotlog_inquotsrc=quot ？logintpl=ikuquot+escapelocationhref 知道；那些語言里面都有一個(gè)include的標(biāo)簽，可能叫法不一致 你可以將導(dǎo)航做成單獨(dú)的一個(gè)文件，通過這些標(biāo)簽是可以引入這個(gè)文件的 如果是靜態(tài)的HTML，沒有這類的標(biāo)簽，不建議你使用iframe和JS 一般這種情況下，靜態(tài)頁面都會將導(dǎo)航一個(gè)一個(gè)；1建立一個(gè)靜態(tài)頁命名為changehtml ，標(biāo)題為js導(dǎo)航點(diǎn)擊的怎么同時(shí)變圖片跟字體顏色2設(shè)置一個(gè)簡易的導(dǎo)航欄3加css 控制菜單的樣式，并加入背景圖片4為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)5為函數(shù)加入。

在HTML的HEAD段里添加一個(gè)CSS段內(nèi)容為 lt！ a color #0000FF textdecoration ahover color #0000ff textdecoration 此時(shí)你的頁面所有的連接都是無下劃線且不論何時(shí)都是藍(lán)色；$vreturn documentgetElementByIdvvar x=0function cy$quotaquot+xstyledisplay = quotquot$quotaquot+ystyledisplay = quotquotx=y菜單一菜單二這里是文字這里是圖片，自己寫上左側(cè)右側(cè)布局我沒給你；lt！DOCTYPE html * margin 0 padding 0 liststyle body font 12px quot宋體quot paddingtop 20px#menu width 200px margin auto#menu h1；原因你點(diǎn)擊左側(cè)菜單，整個(gè)頁面被刷新了，從而始終第一個(gè)被選中方法一點(diǎn)擊左側(cè)菜單的時(shí)候，順便把參數(shù)帶過去到后臺，然后從后臺返回，獲取參數(shù)，你就知道是點(diǎn)擊了哪個(gè)然后再進(jìn)行你的第二種設(shè)置方法二利用jquery的ajax。

js寫導(dǎo)航欄hover效果每個(gè)js定時(shí)器產(chǎn)生時(shí)會被系統(tǒng)分配一個(gè)id，這個(gè)id是正整數(shù)，而且一個(gè)頁面里面的定時(shí)器id不重復(fù)，我們能用一個(gè)變量接收這個(gè)id，但是如果重復(fù)執(zhí)行一條接收創(chuàng)建語句，那么你只能接收到最新創(chuàng)建的定時(shí)器的id，之；1首先輸入下方的代碼windowscrollfunction var $nav = $quotfloatingMenu ul liquot，length = $navlength1，獲取導(dǎo)航菜單 ul li 的個(gè)數(shù) item = new Array，新建一個(gè)數(shù)組 sTop = $window；設(shè)置二級導(dǎo)航字體顏色步驟如下1引導(dǎo)做的導(dǎo)航欄HTML頁必須加載，bootstrapminjs代碼才能實(shí)現(xiàn)導(dǎo)航的效果下圖是完整的代碼及效果圖2改變導(dǎo)航背景顏色，設(shè)置為黑色給導(dǎo)航標(biāo)簽設(shè)置背景顏色為黑色。