日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

如何實現(xiàn)動易官方網(wǎng)站內(nèi)容頁的移動菜單效果?(5)_動易Cms教程

編輯Tag賺U幣
教程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”,效果又會是如何了呢?點擊下面的按鈕試試: