1、原因你點(diǎn)擊左側(cè)菜單，整個(gè)頁(yè)面被刷新了，從而始終第一個(gè)被選中方法一點(diǎn)擊左側(cè)菜單的時(shí)候，順便把參數(shù)帶過(guò)去到后臺(tái)，然后從后臺(tái)返回，獲取參數(shù)，你就知道是點(diǎn)擊了哪個(gè)然后再進(jìn)行你的第二種設(shè)置方法二利用jquery的ajax；下面是一個(gè)自動(dòng)響應(yīng)鼠標(biāo)指向的代碼，框架是DW自動(dòng)生成的你需要為每一個(gè)選項(xiàng)卡添加onmouseover事件響應(yīng)，如下 標(biāo)簽 1 標(biāo)簽 2；divArrjstyledisplay = quotquot divArrthisindexstyledisplay = quotblockquot 3輸寫javascript代碼，對(duì)選項(xiàng)卡標(biāo)頭分別注冊(cè)相應(yīng)的事件 lt！doctype html tab * padding0；1先用js定義一個(gè)變量，就是一個(gè)字符串的變量，如圖，字符串用逗號(hào)隔開(kāi)2要把字符串轉(zhuǎn)化成數(shù)據(jù)，我們可以使用JS內(nèi)置的方法，split方法就行了，這個(gè)方法要注意的地方，就是參數(shù)，由于字符串是用逗號(hào)隔開(kāi)的，參數(shù)就輸入；mouseenter 改成 click 放在 head 不生效是因?yàn)檫x項(xiàng)卡的元素還沒(méi)有生成，所以這個(gè)事件無(wú)法綁定到目標(biāo)對(duì)象上可以改成下面的代碼，在網(wǎng)頁(yè)加載完畢后再綁定事件，這樣就可以放在 中documentreadyfunction quotdt_t；lt！DOCTYPE HTMLmainhtml#div1 active background #f60#div1 div width 200pxheight 200pxbackground #CCCborder 1px #999 soliddisplay var index = 0windowonload = function；function tabSwitch2_this，content_prefix，active var tabs = documentgetElementsByName_thisname var number = tabslength for var i=0 i lt number i++ var tab = tabsi。

2、用javascript實(shí)現(xiàn)選項(xiàng)卡切換效果方法如下首先制作一個(gè)簡(jiǎn)單的HTML框架，如圖為使頁(yè)面形成特定的布局，需要輸入對(duì)應(yīng)的CSS，如圖輸入相對(duì)應(yīng)的JavaScript代碼，并標(biāo)注清楚注冊(cè)相應(yīng)的事件，如圖選項(xiàng)卡切換完成；該程序用遍歷實(shí)現(xiàn)tab欄切換步驟如下1根據(jù)微機(jī)網(wǎng)資料顯示，獲取tab欄的父元素和所有的tab選項(xiàng)卡元素2遍歷所有的tab選項(xiàng)卡元素，為每個(gè)元素添加點(diǎn)擊事件3在點(diǎn)擊事件中，遍歷所有的tab選項(xiàng)卡元素，將當(dāng)前選中的tab選；i eonclick=function documentquerySelectorquotcontentquotinnerHTML=#39選項(xiàng)卡#39+i+1+#39內(nèi)容#39 附注你的代碼從思路上就已經(jīng)錯(cuò)了，比如說(shuō)你把函數(shù)聲明直接放到循環(huán)中，這就大錯(cuò)特錯(cuò)了；服代碼 css lt！ html代碼end function windowonload = function var $li = $#39#tab li#39var $ul = $#39#content ul#39limouseoverfunction var $this = $thisvar；divListthisindexclassName = quotdivactivequot 4完整代碼lt！DOCTYPE html 選項(xiàng)卡 * CSS樣式制作 * *padding0px margin0px a textdecoration colorbl。

3、documentreadyfunction quotid^=#39ds#39quoteachfunction var s = quotsquot + quotdsquot，quotquotthistogglefunction quot#quot+shidethishtmlquot展開(kāi)quot，function；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot Document *margin 0padding 0 clearclearboth。

4、lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 無(wú)標(biāo)題文檔 ltSCRIPT LANGUAGE=quotJavaScriptquot lt！ function getElementsByClass；用循環(huán)進(jìn)行遍歷拿到每一個(gè)單選多選按鈕，然后用append方法在拿到的按鈕后面添加要變換的按鈕，最后把拿到的按鈕刪掉思路就是這樣，具體代碼需要的話可以后面再貼上；有很多方法可以實(shí)現(xiàn)，不過(guò)要看你的具體需求，一般可以做成兩類題目，選單選的時(shí)候顯示單選的題目，多選的時(shí)候顯示多選的題目如果是想同一個(gè)題目變換單選和多選的話可以用Jquery來(lái)操作單選和多選的HTML首先在選項(xiàng)上綁定事件。