<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<meta name="keywords" content="第五金融" />
<title>无标题页</title>
<link href="index_css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div class="part_r" style="margin-top:7px">
<script language=javascript>
var t64ID=0;
function ShowTabs64(ID)
{
if(ID!=t64ID)
{
Tab64Title[t64ID].className="btn_bg";
Tab64Title[ID].className="btn_select";
Tab64Title[t64ID].style.display="none";
Tab64Title[ID].style.display=""
t64ID=ID;
}
}
</script>
<table cellpadding=0 cellspacing=0 width=100% border=0>
<tr align="center">
<td class="btn_select" id="Tab64Title" onmouseover=ShowTabs64(0) style="border-left:medium none" width=*>基金</td>
<td class="btn_bg" id="Tab64Title" onmouseover=ShowTabs64(1) width=47>观点</td>
<td class="btn_bg" id="Tab64Title" onmouseover=ShowTabs64(2) width=47>公告</td>
<td class="btn_bg" id="Tab64Title" onmouseover=ShowTabs64(3) width=47>发售</td>
<td class="btn_bg" id="Tab64Title" onmouseover=ShowTabs64(4) width=47>发售</td>
</tr>
</table>
</div>
</form>
</body>
</html>
CSS
.part_r {
height : 220px;
overflow : hidden;
border : 1px solid #b0bec7;
margin : 0;
padding : 0;
}
.btn_bg {
border-left : 1px solid #b0bec7;
border-bottom : 1px solid #b0bec7;
background-image : url('http://www.1caifu.com/img/btn_bg.gif');
color : #375c77;
border-top : medium none;
border-right : medium none;
cursor : pointer;
}
.btn_select {
background-image : url('http://www.1caifu.com/img/btn_select.gif');
color : #ff0000;
border-bottom : 1px solid #ffffff;
font-weight : bold;
border-left : 1px solid #b0bec7;
}
效果怎么会变呢!真是想不明白!
能不能帮一下我!
这是效果图!
[此贴子已经被作者于2007-7-25 13:56:18编辑过]