<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0054)http://www.happyshow.org/sample/20060612/taobao2.html# -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>无标题文档</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE type=text/css>* {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
FONT-SIZE: 12px; MARGIN: 10px auto; WIDTH: auto; COLOR: #000000; HEIGHT: auto; BACKGROUND-COLOR: #666666; TEXT-ALIGN: center
}
#container {
PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; WIDTH: 760px; PADDING-TOP: 20px; HEIGHT: 400px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#container #title {
HEIGHT: 28px
}
#container #title LI {
FLOAT: left; LINE-HEIGHT: 28px; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 28px; TEXT-ALIGN: center
}
#container #title UL {
HEIGHT: 28px; BACKGROUND-COLOR: #ffffff
}
#container #title A {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -29px; WIDTH: auto; COLOR: #000000; TEXT-DECORATION: none
}
#container #title A SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -29px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title #tag1 A:hover {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -87px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title #tag1 A:hover SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -87px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title #tag2 A:hover {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left 0px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title #tag2 A:hover SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title #tag3 A:hover {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -58px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title #tag3 A:hover SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -58px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title #tag4 A:hover {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -145px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title #tag4 A:hover SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -145px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title #tag5 A:hover {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -174px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title #tag5 A:hover SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -174px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title .selectli1 {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -87px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title A .selectspan1 {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -87px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title .selectli2 {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left 0px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title A .selectspan2 {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title .selectli3 {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -58px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title A .selectspan3 {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -58px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title .selectli4 {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -145px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title A .selectspan4 {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -145px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #title .selectli5 {
DISPLAY: block; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif) no-repeat left -174px; WIDTH: auto; COLOR: #ffffff; TEXT-DECORATION: none
}
#container #title A .selectspan5 {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif) no-repeat right -174px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#container #content UL {
MARGIN: 10px
}
#container #content LI {
MARGIN: 5px
}
#container #content LI IMG {
DISPLAY: block; MARGIN: 5px
}
#container #content {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; HEIGHT: 300px
}
.content1 {
BORDER-RIGHT: #3a81c8 1px solid; BORDER-TOP: #3a81c8 3px solid; BORDER-LEFT: #3a81c8 1px solid; BORDER-BOTTOM: #3a81c8 1px solid; BACKGROUND-COLOR: #dfebf7
}
.content2 {
BORDER-RIGHT: #ff950b 1px solid; BORDER-TOP: #ff950b 3px solid; BORDER-LEFT: #ff950b 1px solid; BORDER-BOTTOM: #ff950b 1px solid; BACKGROUND-COLOR: #ffecd2
}
.content3 {
BORDER-RIGHT: #fe74b8 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #fe74b8 3px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #fe74b8 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #fe74b8 1px solid; HEIGHT: 300px; BACKGROUND-COLOR: #ffecf5
}
.content4 {
BORDER-RIGHT: #00988b 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #00988b 3px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #00988b 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #00988b 1px solid; HEIGHT: 300px; BACKGROUND-COLOR: #e8fffd
}
.content5 {
BORDER-RIGHT: #a8bc1f 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #a8bc1f 3px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #a8bc1f 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #a8bc1f 1px solid; HEIGHT: 300px; BACKGROUND-COLOR: #f7fae2
}
.hidecontent {
DISPLAY: none
}
</STYLE>
<SCRIPT language=javascript>
function switchTag(tag,content)
{
// alert(tag);
// alert(content);
for(i=1; i <6; i++)
{
if ("tag"+i==tag)
{
document.getElementById(tag).getElementsByTagName("a")[0].className="selectli"+i;
document.getElementById(tag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="selectspan"+i;
}else{
document.getElementById("tag"+i).getElementsByTagName("a")[0].className="";
document.getEle