求高手,帮忙解决DIV隐藏显示问题 20
<framesetrows="91,*"cols="*"frameborder="yes"border="1"framespacing="0"><framesrc="1....
<frameset rows="91,*" cols="*" frameborder="yes" border="1" framespacing="0" >
<frame src="1.asp" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset rows="*" cols="189,*,207" framespacing="0" frameborder="no" border="0">
<frame src="2.asp" name="leftFrame" frameborder="no" scrolling="no" noresize="NORESIZE" bordercolor="#00CCFF" id="leftFrame" title="leftFrame"/>
<frame src="3.asp" name="mainFrame" id="mainFrame" title="mainFrame" />
<frame src="4.asp" name="rightFrame" scrolling="auto" noresize="noresize" id="rightFrame" title="rightFrame">
</frameset>
</frameset>
2.asp是文字连接,我点击2.asp中的连接,要3.asp在mainFrame中显示对应的DIV ID
如:
2.asp
<a href=3.asp target=mainFrame> 显示div1</a>
<a href=3.asp target=mainFrame> 显示div2</a>
<a href=3.asp target=mainFrame> 显示div3</a>
3.asp
<div style="visibility:hidden;display: none" id="ID1">ID1</div>
<div style="visibility:hidden;display: none" id="ID2">ID2</div>
<div style="visibility:hidden;display: none" id="ID3">ID3</div>
不用div可以,只要有方法让我实现这个效果就好 展开
<frame src="1.asp" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset rows="*" cols="189,*,207" framespacing="0" frameborder="no" border="0">
<frame src="2.asp" name="leftFrame" frameborder="no" scrolling="no" noresize="NORESIZE" bordercolor="#00CCFF" id="leftFrame" title="leftFrame"/>
<frame src="3.asp" name="mainFrame" id="mainFrame" title="mainFrame" />
<frame src="4.asp" name="rightFrame" scrolling="auto" noresize="noresize" id="rightFrame" title="rightFrame">
</frameset>
</frameset>
2.asp是文字连接,我点击2.asp中的连接,要3.asp在mainFrame中显示对应的DIV ID
如:
2.asp
<a href=3.asp target=mainFrame> 显示div1</a>
<a href=3.asp target=mainFrame> 显示div2</a>
<a href=3.asp target=mainFrame> 显示div3</a>
3.asp
<div style="visibility:hidden;display: none" id="ID1">ID1</div>
<div style="visibility:hidden;display: none" id="ID2">ID2</div>
<div style="visibility:hidden;display: none" id="ID3">ID3</div>
不用div可以,只要有方法让我实现这个效果就好 展开
展开全部
首先我真的很不明白,什么情况下,会逼得你用这么多iframe。
不过既然用了,我讲下我的思路吧:点击2.asp中的链接,得给3.asp带一个参,如:3.asp?id=2
再在3.asp后台获取这个get的id。从而让id="ID2"的div显示出来。
不过既然用了,我讲下我的思路吧:点击2.asp中的链接,得给3.asp带一个参,如:3.asp?id=2
再在3.asp后台获取这个get的id。从而让id="ID2"的div显示出来。
追问
不太明白,你能不能帮我贴个完整的代码出来啊!谢谢啊!
追答
我没有现成的一模一样的例子,否则就给你了,要我重新写一遍,你这种提法真的有点霸道喔,你可以说你具体哪点不明白,我重新写一遍,那得多担误时间。
展开全部
这个真不熟,我都是用Table定位的。
帮顶而已。
帮顶而已。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看出来了,你这是个框架页,如果链接只是在mainframe里显示的很简单,只要把链接的target写成mainframe就OK了,但你还要在mainframe里的div里显示,这种情况还真没遇到过
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
.menu
{
background-color:#333333;
width:80px;
height:25px;
color: white;
text-align: center;
font-size:10pt;
font-weight:bolder;
}
.submenu
{
position:absolute;
top:40;
width:240px;
font-size:10pt;
}
</style>
<script type="text/javascript">
function aa(b){
var a=document.getElementById(b)
a.style.background="#993399"
}
function bb(b){
var a=document.getElementById(b)
a.style.background="#333333"
}
</script>
<SCRIPT>
var cm;
function getPos(el,sprop,b)
{var iPos = 0
while (el!=null)
{iPos+=el["offset" + sprop]
el = el.offsetParent}
return iPos}
function show(el,m)
{ ds1.style.display='none'
if (m) { m.style.display='';
m.style.pixelTop = getPos(el,"Top") + el.offsetHeight}
if ((m!=cm) && (cm)) cm.style.display='none';cm=m}
</SCRIPT>
<body>
<table border=0>
<tr>
<td ID="d1" onmouseout="bb('d1')" onmouseover="show(this,ds1);aa('d1')" class="menu">企业新闻</td>
<td ID="d2" onmouseout="bb('d2')" onmouseover="show(this,ds2);aa('d2')" class="menu">行业聚焦</td>
<td ID="d3" onmouseout="bb('d3')" onmouseover="show(this,ds3);aa('d3')" class="menu">服务专栏</td>
</tr>
</table>
<DIV ID="ds1" CLASS="submenu" STYLE="display:" onmouseleave="this.style.display=''">
<BR>' '企业新闻' "
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display=''">
<BR>'' '行业聚焦
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display=''">
<BR>'' '服务专栏'
</DIV>
</body>
</html>
你新建一个.html 运行下。如果能看的懂,用2楼的方法修改下就可以了。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
.menu
{
background-color:#333333;
width:80px;
height:25px;
color: white;
text-align: center;
font-size:10pt;
font-weight:bolder;
}
.submenu
{
position:absolute;
top:40;
width:240px;
font-size:10pt;
}
</style>
<script type="text/javascript">
function aa(b){
var a=document.getElementById(b)
a.style.background="#993399"
}
function bb(b){
var a=document.getElementById(b)
a.style.background="#333333"
}
</script>
<SCRIPT>
var cm;
function getPos(el,sprop,b)
{var iPos = 0
while (el!=null)
{iPos+=el["offset" + sprop]
el = el.offsetParent}
return iPos}
function show(el,m)
{ ds1.style.display='none'
if (m) { m.style.display='';
m.style.pixelTop = getPos(el,"Top") + el.offsetHeight}
if ((m!=cm) && (cm)) cm.style.display='none';cm=m}
</SCRIPT>
<body>
<table border=0>
<tr>
<td ID="d1" onmouseout="bb('d1')" onmouseover="show(this,ds1);aa('d1')" class="menu">企业新闻</td>
<td ID="d2" onmouseout="bb('d2')" onmouseover="show(this,ds2);aa('d2')" class="menu">行业聚焦</td>
<td ID="d3" onmouseout="bb('d3')" onmouseover="show(this,ds3);aa('d3')" class="menu">服务专栏</td>
</tr>
</table>
<DIV ID="ds1" CLASS="submenu" STYLE="display:" onmouseleave="this.style.display=''">
<BR>' '企业新闻' "
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display=''">
<BR>'' '行业聚焦
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none" onmouseleave="this.style.display=''">
<BR>'' '服务专栏'
</DIV>
</body>
</html>
你新建一个.html 运行下。如果能看的懂,用2楼的方法修改下就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询