如何实现动易官方网站内容页的移动菜单效果?(4)_动易Cms教程

编辑Tag赚U币
教程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教程  动易Cms模板

来源:模板无忧//所属分类:动易Cms教程/更新时间:2006-05-23
相关动易Cms教程