<! -- This special effect is from the Internet and collected by yagebu.com -->
<! -- A very simplified tab effect -->
<H4> a very simplified tab effect </H4>
<Style type = "text/CSS">
Div. Card Div {background-color: # ff8000; float: Left; padding: 1px; padding-bottom: 0; clear: Both; width: 405px ;}
Div. card A {color: black; font-size: 14px; text-Decoration: none; float: Left; width: 100px; text-align: center; Background-color: white; margin-Right: 1px ;}
Div. Card Div. Home A. Home {Font: normal bold 14px/1.5 ;}
Div. Card Div. International A. International {Font: normal bold 14px/1.5 ;}
Div. Card Div. Sport A. Sport {Font: normal bold 14px/1.5 ;}
Div. Card Div. Finance A. Finance {Font: normal bold 14px/1.5 ;}
Div. Card Div. Content {background-color: White; Border: 1px solid # ff8000; Height: 100px ;}
</Style>
<SCRIPT type = "text/JavaScript">
VaR SHQ = {}
SHQ. cmenu = function (E)
{
VaR E = Window. event? Window. event. srcelement: e.tar get;
If (/a/I. Test (E. tagname )){
E. parentnode. classname = E. classname;
E. parentnode. nextsibling. innerhtml = E. innerhtml;
E.parentnode.nextsibling.style.css text = 'border-top: none ';
E. Blur ();
}
}
</SCRIPT>
</Head>
<Div class = "card">
<Div onclick = "SHQ. cmenu (event)">
<A href = "#" class = "home"> China </a>
<A href = "#" class = "international"> international </a>
<A href = "#" class = "sport"> sports </a>
<A href = "#" class = "finance"> Finance </a>
</Div> <Div class = "content"> </div>
</Div>
