实现选项卡的自动跳转

最新推荐文章于 2022-04-20 15:04:37 发布

rigger21

最新推荐文章于 2022-04-20 15:04:37 发布

阅读量1.1k

点赞数

分类专栏： J2EE 文章标签： class yahoo float div function url

本文链接：https://blog.csdn.net/rigger21/article/details/1700095

版权

J2EE 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

index.jsp页面代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>标签</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>.tag_box {
BORDER-RIGHT: #b0bec7 1px solid; BORDER-TOP: #b0bec7 1px solid; MARGIN: 50px; FONT: 12px Arial, Helvetica, sans-serif; OVERFLOW: hidden; BORDER-LEFT: #b0bec7 1px solid; WIDTH: 400px; BORDER-BOTTOM: #b0bec7 1px solid; HEIGHT: 126px
}
.tag_box UL.menulist {
MARGIN: 0px; OVERFLOW: hidden; WIDTH: 402px; HEIGHT: 20px
}
.tag_box UL.menulist LI {
BACKGROUND: url(tag_bg1.gif) repeat-x; FLOAT: left; WIDTH: 80px; LINE-HEIGHT: 19px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 19px; TEXT-ALIGN: center
}
.tag_box UL.menulist LI A {
DISPLAY: block; BACKGROUND: url(tag_pipe.gif) no-repeat right 1px; WIDTH: 80px; COLOR: #18397c; BORDER-BOTTOM: #93a6b4 1px solid; TEXT-DECORATION: none
}
.tag_box UL.menulist LI A:hover {
TEXT-DECORATION: underline
}
.tag_box UL.menulist LI A.curMenu {
BORDER-RIGHT: #91a7b4 1px solid; BORDER-TOP: #91a7b4 1px solid; FONT-WEIGHT: bold; Z-INDEX: 100; BACKGROUND: url(tag_bg2.gif) repeat-x; LEFT: -1px; BORDER-LEFT: #91a7b4 1px solid; WIDTH: 81px; COLOR: #c63; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: -1px; HEIGHT: 21px
}
.tag_box A.nonebg {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.tag_content {
CLEAR: both; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.tag_content IMG.bigConImg {
BORDER-RIGHT: #788a98 1px solid; BORDER-TOP: #788a98 1px solid; DISPLAY: block; FLOAT: left; BORDER-LEFT: #788a98 1px solid; BORDER-BOTTOM: #788a98 1px solid
}
.tag_content H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 3px 6px; WIDTH: 250px; PADDING-TOP: 2px; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: center
}
.tag_content A {
COLOR: #16387c; TEXT-DECORATION: none
}
.tag_content A:hover {
TEXT-DECORATION: underline
}
.tag_content P {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 0px; LINE-HEIGHT: 18px; PADDING-TOP: 2px
}
.tag_content UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 3px; PADDING-TOP: 0px
}
.tag_content LI {
MARGIN-BOTTOM: 3px; MARGIN-LEFT: 20px
}
</STYLE>
<script src="_files/switchTag.js"></script> 这里需要引入JS文件。。。
<META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD>
<BODY οnlοad=init()>
<DIV class=tag_box id=tag_menu>
<UL class=menulist id=menulist>
   <LI><A class=curMenu οnfοcus=this.blur() οnclick=fivetag(this,1)
   href="#">Home</A> </LI>
   <LI><A οnfοcus=this.blur() οnclick=fivetag(this,2)
   href="#">Software</A>
   </LI>
   <LI><A οnfοcus=this.blur() οnclick=fivetag(this,3)
   href="#">Product</A>
   </LI>
   <LI><A οnfοcus=this.blur() οnclick=fivetag(this,4)
   href="#">AboutUs</A>
   </LI>
   <LI><A οnfοcus=this.blur() οnclick=fivetag(this,5)
   href="#">ContactUs</A>
   </LI>
</UL>

<DIV class=tag_content id=tag_content_1><IMG class=bigConImg
src="yahoo%20标签_files/tag_1_img.jpg">
<H5><A href="http://www.happyshow.org/sample/20060926/yahootag.html#">Supercars
for the super-richHome</A></H5>
<P>For those who can drop six figures on a car, there's a fresh crop of shiny
new 2007 models. » <A
href="http://www.happyshow.org/sample/20060926/yahootag.html#">More</A></P></DIV>
<DIV class=tag_content id=tag_content_2><IMG class=bigConImg
src="yahoo%20标签_files/tag_2_img.jpg">
<H5><A href="http://www.happyshow.org/sample/20060926/yahootag.html#">Time and
again Software</A></H5>
<UL>
   <LI><A
   href="http://www.happyshow.org/sample/20060926/yahootag.html#">Negroponte says
   U.S. not at higher risk</A>
   <LI><A href="http://www.happyshow.org/sample/20060926/yahootag.html#">U.S. to
   relax ban of liquids on planes</A>
   <LI><A href="http://www.happyshow.org/sample/20060926/yahootag.html#">U.S.
   pursues closer ties with Kazakhstan</A> </LI></UL></DIV>
<DIV class=tag_content id=tag_content_3><IMG class=bigConImg
src="yahoo%20标签_files/tag_3_img.jpg">
<H5><A href="http://www.happyshow.org/sample/20060926/yahootag.html#">Saints'
storybook return Product</A></H5>
<P>In front of a sellout Superdome crowd, New Orleans rides the emotional wave
to victory over Atlanta. » <A
href="http://www.happyshow.org/sample/20060926/yahootag.html#">More</A></P></DIV>
<DIV class=tag_content id=tag_content_4><IMG class=bigConImg
src="yahoo%20标签_files/tag_4_img.jpg">
<H5><A href="http://www.happyshow.org/sample/20060926/yahootag.html#">Fall
foliage alternatives AboutUs</A></H5>
<P>Dieting with a partner can be motivating, but presents unexpected challenges
as well. » <A
href="http://www.happyshow.org/sample/20060926/yahootag.html#">More</A></P></DIV>
<DIV class=tag_content id=tag_content_5><IMG class=bigConImg
src="yahoo%20标签_files/tag_5_img.jpg">
<H5><A href="http://www.happyshow.org/sample/20060926/yahootag.html#">10 ways to
earn more pay ContactUs</A></H5>
<P>Why settle for your current salary and benefits when you can negotiate for
more? » <A
href="http://www.happyshow.org/sample/20060926/yahootag.html#">More</A></P></DIV></DIV>修改：

<UL style="FONT: 11px Tahoma">
<LI>每隔一段时间自动循环切换Tag (修改于 2006-10-10) </LI></UL>
<DIV style="MARGIN-TOP: 50px; FONT: 12px '宋体'">Writen By <A
href="http://www.happyshow.org/" target=_blank>快乐笛子</A></DIV></BODY></HTML>

JS文件代码如下：