急求菜单切换代码！

2023-03-14 12:10:02html-css027

急求菜单切换代码！,第1张

<html>

<head>

<title>标签切换菜单</title>

<style>

body {

font-family: "宋体"

font-size: 12px

color: #525252

}

td {

font-family: "宋体"

font-size: 12px

color: #525252

}

a:link {

color: #525252

font-size: 12px

text-decoration: none

}

a:visited{

color: #525252

font-size: 12px

text-decoration: none

}

a:hover {

color: #ff6600

font-size: 12px

text-decoration: underline

}

.gd1{

font-family: "宋体"

font-size: 12px

color: #ff0000

}

.sec11 {BORDER-RIGHT: #C5E1FE 1px solidBORDER-TOP: #C5E1FE 1px solidBORDER-LEFT: #C5E1FE 1px solidCURSOR: handCOLOR: #01499ABORDER-BOTTOM: #C5E1FE 1px solidBACKGROUND-COLOR: #ffffff}

.sec21 {BORDER-RIGHT: #C5E1FE 1px solidBORDER-TOP: #C5E1FE 1px solidFONT-WEIGHT: 800color:#01499ABORDER-LEFT: #C5E1FE 1px solidBORDER-BOTTOM: #C5E1FE 1px solidCURSOR: handBACKGROUND-COLOR: #E6EEF7BACKGROUND:url('/icon/098.gif') no-repeat}

.main_tab {BACKGROUND-COLOR: #ffffff}

</style>

function secBoard(n)

{

for(i=0i<secTable.cells.lengthi++)

secTable.cells

[i].className="sec11"

secTable.cells[n].className="sec21"

for(i=0i<mainTable.tBodies.lengthi++)

mainTable.tBodies

[i].style.display="none"

mainTable.tBodies

[n].style.display="block"

}

</SCRIPT>

</head>

<body>

<p align="center">我看了QQ主页，没有发现什么激动人心的特效。所以这里介绍一个比较流行且实用地栏目切换，你可以根据需要，自行增加栏目！修改CSS使它更适合你的网站</p>

<a target="_blank" style="color: #01499a" href="http://hi.baidu.com/basehue">你的链接4Your Link4</a></td></tr><tr><td height="23" width="15">·</td><td height="23" width="180"> <a target="_blank" style="color: #01499a" href="http://hi.baidu.com/basehue">你的第五个链接Your Link Five??</a></td></tr><tr><td height="23" width="195" colspan="2"><p align="right"><font color="#01499A">

<b><a target="_blank" href="http://hi.baidu.com/basehue">QQ新闻</a></b>没有看见你说的什么新闻和广东2之类的东西了。我猜测可能是这个效果。因为是猜测的，所以难免会有错。如果不对，就抱歉了。你可以到<a target="_blank" href="http://www.qq.com/">QQ首页</a>去看看，或者给我一个你要的特效的链接。</td></tr></table></div></td>

</tr></TBODY></table></div></td></tr></table></div></td></tr></table></div>

</body>

</html>

样式冲突，字体颜色变为白色，显示不出来。

设置一个id或者class.

document.getElementById('a标签的id').innerText

或document.getElementsByClassName('a标签的class')[0].innerText

首页原代码：

<%@LANGUAGE="VBSCRIPT" CODEPAGE="935"%>

if request.QueryString("page")<>"" then

dim page

page=trim(request.QueryString("page"))

if page="" or not isnumeric(page) then

response.Redirect("/")

End If

end if

if request.QueryString("sort_id")<>"" then

dim sort_id

sort_id=trim(request.QueryString("sort_id"))

if sort_id="" or not isnumeric(sort_id) then

response.Redirect("/")

End If

end if

<html>

<head>

<!--

.style1 {font-weight: bold}

body {

background-image: url(img/background.gif)

}

.STYLE6 {

font-family: "宋体"

font-weight: bold

}

-->

</style>

</head>

<body>

<tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

<tr>

<tr>

<tr>

<tr>

</tr>

</table></td>

</tr>

<tr>

<tr>

<td width="416" align="right"><div align="justify"><span class="STYLE6">深圳市中海通机器人有限公司</span>属于深圳中海通科技集团旗下一家专业研发、设计、生产和销售连接器行业自动化设备的高新技术企业。深圳中海通科技集团，参照美国硅谷高科技公司发展模式，按照现代企业制度于1996年组建而成。2002年被深圳市政府评为“深圳市300家最具成长性企业”。中海通科技集团于2009年特别成立深圳市中海通机器人有限公司，组建了一支优秀的工程技术团队，通过引进国外先进技术与本土研发相结合，倾力打造性能卓越的自动化生产设备，为客户提供全方位的技术支持，让客户不再为产能而担忧。 <a href="content.asp">MORE>>></a></div></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

</table>

<tr>

</tr>

</table>

<tr>

<tr>

<% set rs=server.CreateObject("adodb.recordset")