如何實現(xiàn)動易官方網(wǎng)站內(nèi)容頁的移動菜單效果?(5)_動易Cms教程
教程Tag:暫無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;"〉“測試按鈕〈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;"〉“測試按鈕〈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;"〉“測試按鈕〈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;"〉“測試按鈕〈font color="#FF0000"〉5〈/font〉”中要顯示的內(nèi)容〈/td〉
〈/tr〉
〈/tbody〉
〈/table〉
請注重,假如頁面中有多個此種方式的菜單,每個JS中則要定義不同的對象,如:
| 以下是第二個JS代碼定義,注重紅色處的定義,要與前一個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〉 |
第三個點擊菜單效果
假如將按鈕td表格定義中的“onmouseover”改成“onclick”,效果又會是如何了呢?點擊下面的按鈕試試:
。