关于CSS+DIV可以做类似FRAME的框架么?有加分!!!!
关于CSS+DIV可以做类似FRAME的框架么?我现在用CSS做了一个网站.正准备做后台..我不想用框架做后台，用DIV能不能像框架一样左栏为导航.单击链接后在右边的DI...
关于CSS+DIV可以做类似FRAME的框架么?
我现在用CSS做了一个网站.
正准备做后台..我不想用框架做后台，用DIV能不能像框架一样左栏为导航.
单击链接后在右边的DIV载入内容.左边的DIV不动...
http://lolose.cn/zls.jpg
类似上图那样...左边点了右边可以自动载入HTML文件...不在划分FRAME的情况下...因为我用CSS把整体分成上部和下部左右共三个区了..再用FRAME觉得麻烦了...只是不知道CSS有没有这功能..查了好久..没看到有用的..来这里问问高手们..谢谢啦!!!!
回allen2816843..可是FRAME的滚动条让我头疼啊...如果用FRAME的话,滚动条只能下部有了.. 展开
我现在用CSS做了一个网站.
正准备做后台..我不想用框架做后台，用DIV能不能像框架一样左栏为导航.
单击链接后在右边的DIV载入内容.左边的DIV不动...
http://lolose.cn/zls.jpg
类似上图那样...左边点了右边可以自动载入HTML文件...不在划分FRAME的情况下...因为我用CSS把整体分成上部和下部左右共三个区了..再用FRAME觉得麻烦了...只是不知道CSS有没有这功能..查了好久..没看到有用的..来这里问问高手们..谢谢啦!!!!
回allen2816843..可是FRAME的滚动条让我头疼啊...如果用FRAME的话,滚动条只能下部有了.. 展开
5个回答
展开全部
最简单的方法是使用层的重叠，方法：比如右边有两个重叠的层Layer1和Layer2，左边是导航栏其菜单为“菜单1”和“菜单2”，默认下Layer1可见，Layer2隐藏，下面设置鼠标响应事件，当单击“菜单1”时Layer1可见，Layer2隐藏，当单击“菜单2”时时Layer1隐藏，Layer2可见，这样就可以实现了，使用Dreamweaver就很容易实现这样的功能了
代码如下：
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#div1 {
height: 700px;
width: 100px;
}
#Layer1 {
position:absolute;
width:532px;
height:492px;
z-index:1;
left: 113px;
top: 17px;
border: 1px solid #0066FF;
}
#Layer2 {
position:absolute;
width:533px;
height:385px;
z-index:2;
left: 115px;
top: 19px;
border: 1px solid #0066FF;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_showHideLayers1() { //v6.0
Layer1.style.display="";
Layer2.style.display="none"
}
function MM_showHideLayers2() { //v6.0
Layer1.style.display="none";
Layer2.style.display=""
}
//-->
</script>
</head>
<body>
<div id="div1">
<ul>
<li><a href="#" onclick="MM_showHideLayers1()">菜单1</a></li>
<li><a href="#" onclick="MM_showHideLayers2()">菜单2</a></li>
</ul>
</div>
<div id="Layer1">
<p> </p>
<p> </p>
<p> </p>
<p>单击“菜单1”显示该层 当前是层1</p>
<p> </p>
</div>
<div id="Layer2" style="display:none">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>单击“菜单2”显示该层 当前是层2</p>
</div>
</body>
</html>
代码如下：
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#div1 {
height: 700px;
width: 100px;
}
#Layer1 {
position:absolute;
width:532px;
height:492px;
z-index:1;
left: 113px;
top: 17px;
border: 1px solid #0066FF;
}
#Layer2 {
position:absolute;
width:533px;
height:385px;
z-index:2;
left: 115px;
top: 19px;
border: 1px solid #0066FF;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_showHideLayers1() { //v6.0
Layer1.style.display="";
Layer2.style.display="none"
}
function MM_showHideLayers2() { //v6.0
Layer1.style.display="none";
Layer2.style.display=""
}
//-->
</script>
</head>
<body>
<div id="div1">
<ul>
<li><a href="#" onclick="MM_showHideLayers1()">菜单1</a></li>
<li><a href="#" onclick="MM_showHideLayers2()">菜单2</a></li>
</ul>
</div>
<div id="Layer1">
<p> </p>
<p> </p>
<p> </p>
<p>单击“菜单1”显示该层 当前是层1</p>
<p> </p>
</div>
<div id="Layer2" style="display:none">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>单击“菜单2”显示该层 当前是层2</p>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
据我了解不能哦...
如果局部刷新的话一般采用AJAX技术
你那情况还是用frame好点
如果局部刷新的话一般采用AJAX技术
你那情况还是用frame好点
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
FRAME做后台是最方便,最实用了,数据用表格,前台可以用DIV+CSS,后台没那个必要,滚动条都是可以设置的!
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我有个想法：导航做成flash导航条（目的是不用多次下载），每个链接做多一个页面，这样点击链接其实只需要载入右边的div的内容了吧。
一孔之见，希望对你有用。
一孔之见，希望对你有用。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我也在整DIV后台界面，
演示：http://www.sonsin.net/SonsinCMS/V1.0/client/
你可以去看一下怎么实现 B/S结构吧, 教程:
http://www.blueidea.com/tech/web/2007/5230.asp
演示：http://www.sonsin.net/SonsinCMS/V1.0/client/
你可以去看一下怎么实现 B/S结构吧, 教程:
http://www.blueidea.com/tech/web/2007/5230.asp
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
