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

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

〈td class='menu_bottom2' id='Tab3Title' onclick='ShowTabs3(0)'〉〈a href="#"〉测试按钮1〈/a〉〈/td〉
〈td class='menu_bottom1' id='Tab3Title' onclick='ShowTabs3(1)'〉〈a href="#"〉测试按钮2〈/a〉〈/td〉
〈td class='menu_bottom1' id='Tab3Title' onclick='ShowTabs3(2)'〉〈a href="#"〉测试按钮3〈/a〉〈/td〉
〈td class='menu_bottom1' id='Tab3Title' onclick='ShowTabs3(3)'〉〈a href="#"〉测试按钮4〈/a〉〈/td〉
〈td class='menu_bottom1' id='Tab3Title' onclick='ShowTabs3(4)'〉〈a href="#"〉测试按钮5〈/a〉〈/td〉
〈td src="/Skin/200508/bgt.gif"
〈/tr〉
〈/table〉
〈table border="0" align="center" cellpadding="0" cellspacing="0"〉
〈tbody id='Tabs3' 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: #FFCC00;padding:2;"〉“测试按钮〈font color="#FF0000"〉1〈/font〉”中要显示的内容〈/td〉
〈/tr〉
〈/tbody〉
〈tbody id='Tabs3' 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: #FFCC00;padding:2;"〉“测试按钮〈font color="#FF0000"〉2〈/font〉”中要显示的内容〈/td〉
〈/tr〉
〈/tbody〉
〈tbody id='Tabs3' 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: #FFCC00;padding:2;"〉“测试按钮〈font color="#FF0000"〉3〈/font〉”中要显示的内容〈/td〉
〈/tr〉
〈/tbody〉
〈tbody id='Tabs3' 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:#FFCC00;padding:2;"〉“测试按钮〈font color="#FF0000"〉4〈/font〉”中要显示的内容〈/td〉
〈/tr〉
〈/tbody〉
〈tbody id='Tabs3' 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:#FFCC00;padding:2;"〉“测试按钮〈font color="#FF0000"〉5〈/font〉”中要显示的内容〈/td〉
〈/tr〉
〈/tbody〉
〈/table〉

小 提 示

  不知道您是否注重,上面三个效果的按钮表格有一点小小的不同:

以下是三个效果按钮表格定义的代码内容:(假如您直接拷贝使用,请将中文字符“〈〉”替换成英文<>)

第一个效果按钮表格定义:
〈table border="0" cellpadding="0" cellspacing="0"〉
〈tr align="center"〉
〈td class='menu_bottom2' id='Tab3Title' onclick='ShowTabs3(0)'〉〈a href="#"〉测试按钮1〈/a〉〈/td〉

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

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