如何實(shí)現(xiàn)動(dòng)易官方網(wǎng)站內(nèi)容頁(yè)的移動(dòng)菜單效果?(5)_動(dòng)易Cms教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
〈/tr〉
〈/tbody〉
〈tbody id='Tabs2' style="display: none;"〉
〈tr〉
〈td style="border-top: 3px solid #E8641B;border-left: 1px solid #E8641B;border-right: 1px solid #E8641B;border-bottom: 1px solid #E8641B;WORD-BREAK: break-all; background: #ffffff;padding:2;"〉“測(cè)試按鈕〈font color="#FF0000"〉2〈/font〉”中要顯示的內(nèi)容〈/td〉
〈/tr〉
〈/tbody〉
〈tbody id='Tabs2' style="display: none"〉
〈tr〉
〈td style="border-top: 3px solid #E8641B;border-left: 1px solid #E8641B;border-right: 1px solid #E8641B;border-bottom: 1px solid #E8641B;WORD-BREAK: break-all; background: #ffffff;padding:2;"〉“測(cè)試按鈕〈font color="#FF0000"〉3〈/font〉”中要顯示的內(nèi)容〈/td〉
〈/tr〉
〈/tbody〉
〈tbody id='Tabs2' style="display: none"〉
〈tr〉
〈td style="border-top: 3px solid #E8641B;border-left: 1px solid #E8641B;border-right: 1px solid #E8641B;border-bottom: 1px solid #E8641B;WORD-BREAK: break-all; background: #ffffff;padding:2;"〉“測(cè)試按鈕〈font color="#FF0000"〉4〈/font〉”中要顯示的內(nèi)容〈/td〉
〈/tr〉
〈/tbody〉
〈tbody id='Tabs2' style="display: none"〉
〈tr〉
〈td style="border-top: 3px solid #E8641B;border-left: 1px solid #E8641B;border-right: 1px solid #E8641B;border-bottom: 1px solid #E8641B;WORD-BREAK: break-all; background: #ffffff;padding:2;"〉“測(cè)試按鈕〈font color="#FF0000"〉5〈/font〉”中要顯示的內(nèi)容〈/td〉
〈/tr〉
〈/tbody〉
〈/table〉
請(qǐng)注重,假如頁(yè)面中有多個(gè)此種方式的菜單,每個(gè)JS中則要定義不同的對(duì)象,如:
| 以下是第二個(gè)JS代碼定義,注重紅色處的定義,要與前一個(gè)JS定義不同: 〈SCRIPT language=JavaScript〉 var t2ID=0; function ShowTabs2(ID){ if(ID!=t2ID){ Tab2Title[t2ID].className='menu_bottom3'; Tab2Title[ID].className='menu_bottom4'; Tabs2[t2ID].style.display='none'; Tabs2[ID].style.display=''; t2ID=ID; } } 〈/SCRIPT〉 |
第三個(gè)點(diǎn)擊菜單效果
假如將按鈕td表格定義中的“onmouseover”改成“onclick”,效果又會(huì)是如何了呢?點(diǎn)擊下面的按鈕試試:
。