[求助]代码不能显示我想要的效果,什么原因呀? - JavaScript论坛

问题点数：0 回复次数：16

[求助]代码不能显示我想要的效果,什么原因呀?

<%@ 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编辑过]

搜索更多相关主题的帖子: 效果　代码　

第 2 楼

得分:0

违背了一个基本的，id应该是唯一的。。。你这里有好几个id是一样的

第 3 楼

得分:0

在你的基础上修改了一下，不知道是不是你想要的


<!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>
<style>
<!--
.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;
    width: 6%;
} 
.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;
    width: 76%;
}
-->
</style>
</head>
<body>
<form id=\"form1\" runat=\"server\">
<div class=\"part_r\" style=\"margin-top:7px\">
<script language=javascript>
var t64ID=0;
function ShowTabs64(ID)
{
for(i = 0; i<5; i++)
{
  if(ID!=t64ID)
  {
    document.getElementById('Tab64Title['+t64ID+']').className=\"btn_bg\";
    document.getElementById('Tab64Title['+ID+']').className=\"btn_select\";
    t64ID=ID;
  }
}
}
</script>
<table cellpadding=0 cellspacing=0 width=100% border=0>
<tr align=\"center\">
  <td class=\"btn_select\" id=\"Tab64Title[0]\" onmouseover=ShowTabs64(0)>基金</td>
  <td class=\"btn_bg\" id=\"Tab64Title[1]\" onmouseover=ShowTabs64(1)>观点</td>
  <td class=\"btn_bg\" id=\"Tab64Title[2]\" onmouseover=ShowTabs64(2)>公告</td>
  <td class=\"btn_bg\" id=\"Tab64Title[3]\" onmouseover=ShowTabs64(3)>发售</td>
  <td class=\"btn_bg\" id=\"Tab64Title[4]\" onmouseover=ShowTabs64(4)>发售</td>
</tr>
</table>
</div>
</form>
</body>
</html>

[此贴子已经被作者于2007-7-25 14:31:28编辑过]

第 4 楼

得分:0

先试试!

谢了哦!

老版!呵呵!

明知不可为而为之
ymaozi's blog:[url=http://www.][/url]

第 5 楼

得分:0

真烦！怎么都要自动加上链接。。。去掉CSS里的URL那里的敛接再运行才能看到正确的结果。。。

第 6 楼

得分:0

上面的哪个问题是行了!谢了!

但是
<TBODY id="t64ID" style="DISPLAY: none">
<tr>
<td>
<table id="table21" cellSpacing=5 cellPadding=0 width="100%" border=0>
<tr>
<td style="PADDING-LEFT: 5px; FONT-SIZE: 12px; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif">
国泰基金重视宏观数据与企业估值<br />
宝盈基金投资抗通货膨胀公司<br />
下半年股市风往哪里吹<br />
海基金：增持保险地产 关注中报…<br />
新基金建仓将瞄准新蓝筹<br />
调整尚未结束 关注资源类股票<br />
博时基金调税也是财政利益分配<br />
中欧基金调控凸显政府抑制投机态…<br />
光大保德信：调整不改乐观趋势<br />
曝光基金4300点上投资策略<br />
</td>
</tr>
</table></td>
</tr>

下面这么让他显示呢?(这只是一个!)

就是点导航时,里面的内容!

明知不可为而为之
ymaozi's blog:[url=http://www.][/url]