js tab选项切换卡代码
<style type="text/css教程">
body{
font-size:12px;
text-align:center;
line-height:18px;
background-color: #FFFFFF;
}
.tabs{width:300px; margin:auto;}
.tabs_title{width:303px; height:31px; border-bottom:#ffffff solid 0px;}
.tabs_title_01{width:101px; height:31px; padding-top:8px; float:left; background:url(../pic/bg101x31.jpg);no-repeat; cursor:hand;}
.tabs_title_02{width:101px; height:31px; padding-top:8px; float:left; background:url(../pic/111X33.jpg) no-repeat; cursor:hand;}
.tabs_title_03{width:0px; height:31px; overflow:hidden; float:left;}
.tabs_content{width:180px;}
.blue {
BORDER-RIGHT: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
}
.style520 {width: 101px; height: 31px; padding-top: 8px; float: left; background: url(../pic/bg101x31.jpg) no-repeat; cursor: hand; font-weight: bold; }
</style>
<script type="text/javascript教程" >
var tID=0;
function showTabs(ID)
{
if(ID!=tID)
{
TabTitle[tID].className='tabs_title_01';
TabTitle[ID].className='tabs_title_02';
TabContent[tID].style.display='none';
TabContent[ID].style.display='';
tID=ID;
}
}
</script>
<link href="../css/css.css" rel="stylesheet" type="text/css">
<div class="tabs">
<div class="tabs_title">
<div class="tabs_title_02" id="TabTitle" onmouseover="showTabs(0)"><a href="../zdgz.asp教程" target="_blank">政工动态</a></div>
<div class="tabs_title_03"></div>
<div align="center" class="style520" id="TabTitle" onmouseover="showTabs(1)"><a href="../gbmange.asp" target="_blank">干部工作</a></div>
<div class="tabs_title_03"></div>
<div align="center" class="style520" id="TabTitle" onmouseover="showTabs(2)"><a href="../young.asp" target="_blank">青春风采</a></div>
<div class="tabs_title_03"></div>
<div class="tabs_content" id="TabContent" align="left" style="display:block;">
<table width="303" border="0" cellspacing="1" class="blue">
<tr>
<td align="center" bgcolor="#FFFFFF">
<table width="98%" border="0">
<tr>
<td height="4"></td>
</tr>
</table>
<table height="42" cellspacing="0" cellpadding="0"
width="98%" align="center" border="0">
<tbody>
<%
dim sqlzdgz
sqlzdgz="select top 9 * from zdgz where isture='是' order by id desc"
call opendb()
rs.open sqlzdgz,conn,1,1
if not rs.eof then
do while not rs.eof
%>
<tr>
<td width="227" height="21" align="left"><a href="../display.asp?id=<%=rs("id")%>&table_s=zdgz" target="_blank" class="tomg"> ›
<%if datediff("d",rs("send_date"),date())<4 then
If len(Rs("title"))>=16 Then
response.Write(left(rs("title"),14))
Response.write("..")
response.Write("<img src=../index_files/new1.gif width=28 height=11 border=0 />")
Else
response.Write(rs("title"))
response.Write("<img src=../index_files/new1.gif width=28 height=11 border=0 />")
End if
else
If len(Rs("title"))>16 Then
response.Write(left(rs("title"),15))
Response.write("...")
Else
response.Write(rs("title"))
End if
end if%>
</a> </td>
<td width="69" height="21" align="left" class="date"><%=rs("send_date")%></td>
</tr>
<%rs.movenext
loop
else
%>
<tr>
<td colspan="2">暂时还没上传东西www.111cn.net</td>
</tr>
<%
end if
%>
</tbody>
</table>
</td>
</tr>
</table>
</div>
<div class="tabs_content" id="TabContent" style="display:none;">
<table width="303" border="0" cellspacing="1" class="blue">
<tr>
<td bgcolor="#FFFFFF">
<table width="98%" border="0">
<tr>
<td height="4"></td>
</tr>
</table>
<table height="42" cellspacing="0www.111cn.net" cellpadding="0"
width="98%" align="center" border="0">
<tbody>
<%
dim gbmange
gbmange="select top 9 * from gbmange2 order by id desc"
call opendb()
rs.open gbmange,conn,1,1
if not rs.eof then
do while not rs.eof
%>
<tr>
<td width="227" height="21" align="left"><a href="../<%=Rs("file_path")%>" target="_blank" class="tomg"> ›
<%if datediff("d",rs("send_date"),date())<4 then
If len(Rs("title"))>=16 Then
response.Write(left(rs("title"),14))
Response.write("..")
response.Write("<img src=../index_files/new1.gif width=28 height=11 border=0 />")
Else
response.Write(rs("title"))
response.Write("<img src=../index_files/new1.gif width=28 height=11 border=0 />")
End if
else
If len(Rs("title"))>16 Then
response.Write(left(rs("title"),15))
Response.write("...")
Else
response.Write(rs("title"))
End if
end if%>
</a> </td>
<td width="69" height="21" align="left" class="date"><%=rs("send_date")%></td>
</tr>
<%rs.movenext
loop
else
%>
<tr>
<td colspan="2">暂时还没上传东西</td>
</tr>
<%
end if
%>
</tbody>
</table>
</td>
</tr>
</table>
</div>
<div class="tabs_content" id="TabContent" style="display:none;">
<table width="303" border="0" cellspacing="1" class="blue">
<tr>
<td bgcolor="#FFFFFF">
<table width="98%" border="0">
<tr>
<td height="4"></td>
</tr>
</table>
<table height="42" cellspacing="0" cellpadding="0"
width="98%" align="center" border="0">
<tbody>
<%
dim young
young="select top 9 * from young order by id desc"
call opendb()
rs.open young,conn,1,1
if not rs.eof then
do while not rs.eof
%>
<tr>
<td width="227" height="21" www.111cn.net align="left"><a href="../listpic.asp?id=<%=rs("id")%>" target="_blank" class="tomg"> ›
<%if datediff("d",rs(3),date())<4 then
If len(Rs(4))>=16 Then
response.Write(left(rs(4),14))
Response.write("..")
response.Write("<img src=../index_files/new1.gif width=28 height=11 border=0 />")
Else
response.Write(rs(4))
response.Write("<img src=../index_files/new1.gif width=28 height=11 border=0 />")
End if
else
If len(Rs("title"))>16 Then
response.Write(left(rs(4),15))
Response.write("...")
Else
response.Write(rs(4))
End if
end if%>
</a> </td>
<td width="69" height="21" align="left" class="date"><%=rs(3)%></td>
</tr>
<%rs.movenext
loop
else
%>
<tr>
<td colspan="2">暂时还没上传东西</td>
</tr>
<%
end if
%>
</tbody>
</table>
</td>
</tr>
</table></div>
本站原创转载注明来源www.111cn.net