读书人

关于层控制有关问题

发布时间: 2012-02-03 22:02:47 作者: rapoo

紧急求助,关于层控制问题。
测试网站:http://01.s320.cn
如果控制打开隐藏后中的链接后,原层自动隐藏?谢谢。

[解决办法]
给你个sina首页的滑动门吧:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd ">
<HTML
xmlns= "http://www.w3.org/1999/xhtml "> <HEAD> <TITLE> 新浪首页 </TITLE>
<META http-equiv=Content-Type content= "text/html; charset=gb2312 ">
<META content=PGLS000022 name=stencil>
<META content=30,50,1 name=publishid>
<STYLE type=text/css>


.BlkBlack {
WIDTH: 585px
}
.BlkBlack .Blk2RC {
BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_016.gif) repeat-y; WIDTH: 289px; BORDER-BOTTOM: #bfbfbf 1px solid
}
.BlkBlack .Blk2RC H1 {
FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_014.gif) #575757 repeat-x; MARGIN-BOTTOM: 9px; OVERFLOW: hidden; COLOR: #fffae1; HEIGHT: 24px
}
.BlkBlack .Blk2RC H1 .BlkBlackTab {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_024.gif) #ddd no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; COLOR: #333; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://image2.sina.com.cn/home/07index/sinahome_ws_025.gif) #888 no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 62px; COLOR: #fff; PADDING-TOP: 6px; HEIGHT: 18px; TEXT-ALIGN: center
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:link {
COLOR: #333; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:visited {
COLOR: #333; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:hover {
COLOR: #333; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTab A:active {
COLOR: #333; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:link {
COLOR: #fff; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:visited {
COLOR: #fff; TEXT-DECORATION: none
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .BlkBlackTabOff A:active {
COLOR: #fff; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt {
PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; TEXT-ALIGN: right
}
.BlkBlack .Blk2RC H1 .capTxt A:link {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:visited {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:hover {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack .Blk2RC H1 .capTxt A:active {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
#head A:unknown {
COLOR: #ffd77b; TEXT-DECORATION: underline
}


.BlkBlack2 .Blk2RC H1 .capTxt A:link {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:visited {
COLOR: #fffae1; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:hover {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC H1 .capTxt A:active {
COLOR: #ffd77b; TEXT-DECORATION: underline
}
.BlkBlack2 .Blk2RC .List {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.BlkPurple {
WIDTH: 585px
}


</STYLE>



<META content= "MSHTML 6.00.2900.3059 " name=GENERATOR> </HEAD>
<BODY> <!-- SUDS_CODE_START -->
<DIV id=sudsclickstreamdiv
style= "Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute "> </DIV>


<CENTER>
<TBODY>
<TR vAlign=top>
<TD width=585> <!-- 娱乐~NBA begin -->
<TABLE class=BlkBlack cellSpacing=0>
<TBODY>
<TR vAlign=top>
<TD class=Blk2RC>
<SCRIPT language=javascript type=text/javascript>
// <![CDATA[
function Show_BlkBlackTab(BlkBlackTabid_num,BlkBlackTabnum){
for(var i=0;i <4;i++){document.getElementById( "BlkBlackTabcontent_ "+BlkBlackTabid_num+i).style.display= "none ";}
for(var i=0;i <4;i++){document.getElementById( "BlkBlackTabmenu_ "+BlkBlackTabid_num+i).className= "BlkBlackTabOff ";}
document.getElementById( "BlkBlackTabmenu_ "+BlkBlackTabid_num+BlkBlackTabnum).className= "BlkBlackTab ";
document.getElementById( "BlkBlackTabcontent_ "+BlkBlackTabid_num+BlkBlackTabnum).style.display= "block ";
}
//]]>
</SCRIPT>

<H1> <SPAN class=BlkBlackTab id=BlkBlackTabmenu_10> <A
onmouseover= "setTimeout( 'Show_BlkBlackTab(1,0) ',400); "
href= "# "> 最新 </A> </SPAN> <SPAN
class=BlkBlackTabOff id=BlkBlackTabmenu_11> <A
onmouseover= "setTimeout( 'Show_BlkBlackTab(1,1) ',400); "
href= "# "> 最热 </A> </SPAN> <SPAN
class=BlkBlackTabOff id=BlkBlackTabmenu_12> <A
onmouseover= "setTimeout( 'Show_BlkBlackTab(1,2) ',400); "
href= "# "> 按品牌 </A> </SPAN> <SPAN
class=BlkBlackTabOff id=BlkBlackTabmenu_13> <A
onmouseover= "setTimeout( 'Show_BlkBlackTab(1,3) ',400); "
href= "# "> 按分类 </A> </SPAN> </H1>
<!-- 添加tab项,只需修改for(var i=0;i <4;i++)的i <的值,选项有几个,i <几 -->
<!-- 最新 begin -->
<DIV id=BlkBlackTabcontent_10>
<DIV> 最新文字 </DIV> </DIV>
<!-- 最热 -->
<DIV id=BlkBlackTabcontent_11 style= "DISPLAY: none ">
<DIV> 最热 </DIV> </DIV>
<!-- 品牌 -->
<DIV id=BlkBlackTabcontent_12 style= "DISPLAY: none ">
<DIV> 按品牌 </DIV> </DIV>
<!-- 按分类 -->
<DIV id=BlkBlackTabcontent_13 style= "DISPLAY: none ">
<DIV> 按分类 </DIV> </DIV> </TD>
</TR> </TBODY> </TABLE>
</BODY> </HTML>

[解决办法]
不懂,帮顶
[解决办法]
<script>
var popUp = window.createPopup();
popUp.document.body.innerHTML= " <table WIDTH=100% cellspacing=0 style= 'border-color:black; '> <tr> <td> <a href=\ "#\ " onclick=\ "parent.popUp.hide()\ "> aa </a> </td> </tr> </table> ";
function sh()
{
popUp.show(10, 10, 160, 185, event.srcElement);
}
</script>


<body>
<input type= "button " onclick= "sh() " value= "AAA "
</body>
看看是不是要的这个效果

读书人网 >JavaScript

热点推荐