Tab Slide Menu
<style>
*{FONT-SIZE:12PX}
#info {width:480px;}
#info ul{margin:0;padding:0;width:480px;list-style:none;color: #2F5FA1;}
#info li{float:left;background: #F4FBFF border-right:1px solid #FFF;p adding:3px 8px 3px 8px;cursor:pointer}
#info. Tag-selected{background: #D0E9F7;p adding:0;margin:0;padding:3px 8px 3px 8px;}
#info. content{border:1px solid #A6CBE7;p adding:5px 3px 5px 3px;background-color: #FDFDFD;}
#info. Cleard{clear:both;}
</style>
<script>
function Dayrui_tab (tag) {
For (I=1 i <6; i++) {
if (I==tag) {
document.getElementById ("tag" +i). Classname= "tag-selected";
document.getElementById ("info" +i). style.display= "Block";
}else{
document.getElementById ("tag" +i). Classname= "";
document.getElementById ("info" +i). style.display= "None";
}
}
}
</script>
<div id= "Info" >
<ul>
<li class= "tag-selected" id= "Tag1" onmousemove= "Dayrui_tab" (' 1 '); " > Popular Events </li>
<li class= "tag" id= "Tag2" onmousemove= "Dayrui_tab (' 2 ');" > Latest Features </li>
<li class= "tag" id= "Tag3" onmousemove= "Dayrui_tab (' 3 ');" > Service Commitment </li>
<li class= "tag" id= "Tag4" onmousemove= "Dayrui_tab (' 4 ');" > Latest Success Stories </li>
<li class= "tag" id= "Tag5" onmousemove= "Dayrui_tab (' 5 ');" > Hot Paste Recommendation </li>
<div class= "Cleard" ></div>
</ul>
<div class= "Content" id= "Info1" >
<a href= "http://www.111cn.net" target= "blank" > Popular activities </a></div>
<div class= "Content" id= "Info2" style= "Display:none"; >
<a href= "http://www.111cn.net" target= "blank" > Latest features </a></div>
<div class= "Content" id= "Info3" style= "Display:none"; >
<a href= "http://www.111cn.net" target= "blank" > Service Commitment </a></div>
<div class= "Content" id= "Info4" style= "Display:none"; >
<a href= "http://www.111cn.net" target= "blank" > Latest success Stories </a></div>
<div class= "Content" id= "Info5" style= "Display:none"; >
<a href= "http://www.111cn.net" target= "blank" > Hot stickers Recommended </a></div>
</div>