如何實(shí)現(xiàn)動(dòng)易官方網(wǎng)站內(nèi)容頁的移動(dòng)菜單效果?(4)_動(dòng)易Cms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
”中要顯示的內(nèi)容
2”中要顯示的內(nèi)容
3”中要顯示的內(nèi)容
4”中要顯示的內(nèi)容
5”中要顯示的內(nèi)容
下面是上面您所看到效果的代碼內(nèi)容,其中menu_bottom3、menu_bottom4就是您剛才定義的CSS名稱:
| 以下是第二個(gè)效果定義的代碼內(nèi)容:(假如您直接拷貝使用,請(qǐng)將中文字符“〈〉”替換成英文<>) 〈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〉 〈table border="0" cellpadding="0" cellspacing="0"〉 〈tr align="center"〉 〈td src="/Skin/200508/bgt.gif" 〈td class='menu_bottom2' id='Tab2Title' onmouseover='ShowTabs2(0)'〉〈a href="#"〉測試按鈕1〈/a〉〈/td〉 〈td class='menu_bottom1' id='Tab2Title' onmouseover='ShowTabs2(1)'〉〈a href="#"〉測試按鈕2〈/a〉〈/td〉 〈td class='menu_bottom1' id='Tab2Title' onmouseover='ShowTabs2(2)'〉〈a href="#"〉測試按鈕3〈/a〉〈/td〉 〈td class='menu_bottom1' id='Tab2Title' onmouseover='ShowTabs2(3)'〉〈a href="#"〉測試按鈕4〈/a〉〈/td〉 〈td class='menu_bottom1' id='Tab2Title' onmouseover='ShowTabs2(4)'〉〈a href="#"〉測試按鈕5〈/a〉〈/td〉 〈/tr〉 〈/table〉 〈table border="0" align="center" cellpadding="0" cellspacing="0"〉 〈tbody id='Tabs2' style='display:'〉 〈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"〉1〈/font〉”中要顯示的內(nèi)容〈/td〉 查看更多 動(dòng)易Cms教程 動(dòng)易Cms模板 相關(guān)動(dòng)易Cms教程:
動(dòng)易Cms教程教程Rss訂閱Cms教程搜索動(dòng)易Cms教程推薦
|
。