A good way to control CSS with JS _css/html

<style type=text/css> #tabs UL {display:inline; padding-left:0px; margin-left:10px; White-space:nowrap} #tabs UL LI {border-right: #999 1px solid; padding-right:8px; Border-top: #999 1px solid; Display:inline; padding-left:12px; Font-size:x-small; BACKGROUND: #eee; padding-bottom:0px; Border-left: #999 1px solid; margin-right:2px; padding-top:3px; Border-bottom: #4bcb66 0px solid; Font-family:verdana; White-space:nowrap} #tabs UL li.active_web {border-right: #4bcb66 1px solid; padding-right:8px; Border-top: #4bcb66 1px solid; padding-left:12px; Font-weight:bold; Font-size:x-small; BACKGROUND: #f7fdf6; padding-bottom:0px; Border-left: #4bcb66 1px solid; padding-top:6px; Border-bottom: #f7fdf6 1px solid; Font-family:verdana; White-space:nowrap} #tabs UL li.active_news {border-right: #d3bf8e 1px solid; padding-right:8px; Border-top: #d3bf8e 1px solid; padding-left:12px; Font-weight:bold; Font-size:x-small; BACKGROUND: #fff9eb; padding-bottom:0px; BordeR-left: #d3bf8e 1px solid; padding-top:6px; Border-bottom: #fff9eb 1px solid; Font-family:verdana; White-space:nowrap} </style> <script>//JScript source code <!--function Cntable () {//DOCUMENT.G Etelementbyid (' cntable '). Style.display = "block"; document.getElementById (' entable '). Style.display = "None"; document.getElementById (' bigTable '). Style.display = "None"; document.getElementById (' othertable '). Style.display = "None"; L1.classname= "Active_web"; L2.classname= ""; L3.classname= ""; L4.classname= ""; Cnsp.classname= "Blue_text"; Ensp.classname= ""; Bigsp.classname= ""; Othersp.classname= ""; function entable () {//document.getelementbyid (' cntable '). Style.display = "None"; document.getElementById (' entable '). Style.display = "block"; document.getElementById (' bigTable '). Style.display = "None"; document.getElementById (' othertable '). Style.display = "None"; L1.classname= ""; L2.classname= "Active_web"; l3.classname= ""; L4.classname="; Cnsp.classname= ""; Ensp.classname= "Blue_text"; Bigsp.classname= ""; Othersp.classname= ""; function bigTable () {//document.getelementbyid (' cntable '). Style.display = "None"; document.getElementById (' entable '). Style.display = "None"; document.getElementById (' bigTable '). Style.display = "block"; document.getElementById (' othertable '). Style.display = "None"; L1.classname= ""; L2.classname= ""; L3.classname= "Active_web"; L4.classname= ""; Cnsp.classname= ""; Ensp.classname= ""; Bigsp.classname= "Blue_text"; Othersp.classname= ""; function othertable () {//document.getelementbyid (' cntable '). Style.display = "None"; document.getElementById (' entable '). Style.display = "None"; document.getElementById (' bigTable '). Style.display = "None"; document.getElementById (' othertable '). Style.display = "block"; L1.classname= ""; L2.classname= ""; l3.classname= "; L4.classname=" Active_web "; Cnsp.classname= ""; Ensp.classname= ""; bigsP.classname= ""; Othersp.classname= "Blue_text"; }--> </script> <div id= "tabs" ><span id= "logo" ></SPAN> <ul><li id= "L1" class= "Acti" Ve_web "> <span class=" active_web_text "id=cnsp> Chinese search </SPAN> <li id=" L2 "> <span ID=ENSP > English search </SPAN> <li id= "L3" > <sp An ID=BIGSP > Domestic portal </SPAN> <li id= "L4" > <span id=othersp > Integrated Other &LT;/SPA N></li> </UL> </DIV>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]