Css _ switch menu

Tip: you can modify some code before running

<style>.navbar1-text {BORDER-RIGHT: #999999 1px; BORDER-TOP: #999999 1px; PADDING-LEFT: 10px; FONT-SIZE: 26px; BACKGROUND-IMAGE: url(../images/title_bg_left.gif); BORDER-LEFT: #999999 1px; COLOR: #ffffff; BORDER-BOTTOM: #999999 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: "黑体"}BODY,TD { FONT-SIZE: 12px;}.tab1-on {BORDER-RIGHT: #cccccc 1px; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 120px; CURSOR: pointer; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px; BACKGROUND-COLOR: #ffffff}.tab1-off {BORDER-RIGHT: #1f3a87 1px; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #1f3a87 1px solid; WIDTH: 120px; CURSOR: pointer; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #1f3a87 1px solid; BACKGROUND-COLOR: #f6f6f6}.tab1-none {BORDER-RIGHT: #cccccc 1px; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid}.tab1-content {BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff}.hide1-table {DISPLAY: none}.show1-table {DISPLAY: block}</style><script language="javascript"> <!-- //Change Cell Content - By SiC/CYANfunction switchCell1(n, hash) {nc=document.getElementsByName("navcell1");if(nc){ t=document.getElementsByName("tb1") for(i=0;i<nc.length;i++){ nc.item(i).className="tab1-off"; t.item(i).className="hide1-table"; } nc.item(n-1).className="tab1-on"; t.item(n-1).className="tab1-content show1-table";}else if(navcell1){ for(i=0;i<navcell1.length;i++){ navcell1.className="tab1-off"; tb1.className="hide1-table"; } navcell1[n-1].className="tab1-on"; tb1[n-1].className="tab1-content show1-table";}if(hash){ document.location="#"+hash;}} // --></script><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR><TD class=tab1-on id=navcell1 onclick=switchCell1(1) name="navcell1">Market research</tD><TD class=tab1-off id=navcell1 onclick=switchCell1(2) name="navcell1">Marketing Planning</tD><TD class=tab1-off id=navcell1 onclick=switchCell1(3) name="navcell1">Sales execution</tD><TD class=tab1-off id=navcell1 onclick=switchCell1(4) name="navcell1">Real estate advertisement</tD> <TD class=tab1-off id=navcell1 onclick=switchCell1(5) name="navcell1">Planning and Design</tD> <TD class=tab1-off id=navcell1 onclick=switchCell1(6) name="navcell1">Full Promotion</tD> <TD class=tab1-off id=navcell1 onclick=switchCell1(7) name="navcell1">Commercial real estate</tD> <TD class=tab1-off id=navcell1 onclick=switchCell1(8) name="navcell1">Management System</tD> <TD class=tab1-off id=navcell1 onclick=switchCell1(9) name="navcell1">Policies and Regulations</tD> <TD class=tab1-off id=navcell1 onclick=switchCell1(10) name="navcell1">Planning Scheme</tD> <TD class=tab1-off id=navcell1 onclick=switchCell1(11) name="navcell1">Sales Skills</tD> </tR></tBODY></tABLE><TABLE class=tab1-content id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=2&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY></tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=3&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY></tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=4&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY></tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=5&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=6&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=7&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=8&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=9&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=10&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=11&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE><TABLE class=hide1-table id=tb1 cellSpacing=3 cellPadding=0 width="100%" border=0 name="tb1"> <TBODY> <TR><TD class=td1_heading vAlign=top><!--代码开始--><script language='JavaScript' type='text/JavaScript' src='http://www.chinadc.org/access/article_js.asp?ClassID=2&IncludeChild=true&SpecialID=12&ArticleNum=9&ShowType=1&ShowCols=1&ShowProperty=true&ShowClassName=true&ShowIncludePic=true&ShowTitle=true&ShowUpdateTime=true&ShowHits=true&ShowAuthor=false&ShowHot=true&ShowMore=true&TitleMaxLen=55&ContentMaxLen=200&Hot=false&Elite=false&DateNum=&OrderField=ArticleID&OrderType=desc'></script><!--代码结束--></tD></tR> </tBODY> </tABLE>

Tip: you can modify some code before running