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

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
测试按钮3 测试按钮4 测试按钮5 1”中要显示的内容 2”中要显示的内容 3”中要显示的内容 4”中要显示的内容 5”中要显示的内容

  下面是上面您所看到效果的代码内容,其中menu_bottom1、menu_bottom2就是您刚才定义的CSS名称:

以下是第一个效果定义的代码内容:(假如您直接拷贝使用,请将中文字符“〈〉”替换成英文<>)
〈SCRIPT language=JavaScript〉
var tID=0;
function ShowTabs(ID){
if(ID!=tID){
TabTitle[tID].className='menu_bottom1';
TabTitle[ID].className='menu_bottom2';
Tabs[tID].style.display='none';
Tabs[ID].style.display='';
tID=ID;
}
}
〈/SCRIPT〉
〈table border="0" cellpadding="0" cellspacing="0"〉
〈tr align="center"〉
〈td class='menu_bottom2' id='TabTitle' onmouseover='ShowTabs2(0)'〉〈a href="#"〉测试按钮1〈/a〉〈/td〉
〈td class='menu_bottom1' id='TabTitle' onmouseover='ShowTabs2(1)'〉〈a href="#"〉测试按钮2〈/a〉〈/td〉

查看更多 动易Cms教程  动易Cms模板

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