如何实现动易官方网站内容页的移动菜单效果?(4)_动易Cms教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
”中要显示的内容
2”中要显示的内容
3”中要显示的内容
4”中要显示的内容
5”中要显示的内容
下面是上面您所看到效果的代码内容,其中menu_bottom3、menu_bottom4就是您刚才定义的CSS名称:
以下是第二个效果定义的代码内容:(假如您直接拷贝使用,请将中文字符“〈〉”替换成英文<>) 〈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〉”中要显示的内容〈/td〉 相关动易Cms教程:
|