如何防止刷新这样的网页 - 编程论坛

#2

天涯听雨2007-08-29 13:05

利用框架不就可以了。

#3

盖世豪侠2007-08-29 17:50

数据不是很多的话一次性全读出来,用JS控制CSS来显示或隐藏,
用楼上的方法也行.......

#4

zsl55662007-08-29 18:03

我的这部分是嵌套在首页的某个位置，，我懂得怎么做，能否提供个实例。谢谢各位了

#5

jamesxiaoyao2007-08-29 18:09

可以利用 <FORM> 来完成
个人觉得用框架效果不是很好

#6

盖世豪侠2007-08-29 21:02

[CODE]<html>
<HEAD>
<TITLE>TEST</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/css>
body {font-size:12px;padding:1em 0.5em;margin:0;font-family:Arial, Helvetica, sans-serif;}
a:link {color:#0389DA;}
img {border:0;}
.bluelink {color:#0389DA;}
#header {background:#B0C9E1;border:1px solid #ccc;padding:5px 5px 5px 10px;}
#nav {background:#fff;border:0;border-left:1px solid #ccc;width:160;height:200px;z-index:999;position:absolute;}
#nav .menu {border:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:10px 10px;height:30px;cursor:pointer;background:#eee;}
#nav .menu a {display:block}
#nav .active {border-right:0;background:#fff;}
#nav .active a {color:#000;text-decoration:none;}
#content {float:right;border:1px solid #ccc;border-top:0;padding:15px 10px 10px 11px;width:581px;height:400px;z-index:0;}
#footer {margin-top:2em;border-top:1px solid #ccc;padding:1em 0;color:#666;text-align:center;clear:both;}
#infotable p {margin:1em 0;}
</STYLE>
<SCRIPT language="javascript">
function changePreview(ff) {
divs = document.getElementById('nav').getElementsByTagName('DIV');
divs[ff].className="active menu"
eval("document.getElementById('infotable"+ff+"').style.display='block'");
for(a=0;a<divs.length;a++){
if(a==ff){continue;}
divs[a].className="menu"
eval("document.getElementById('infotable"+a+"').style.display='none'");
}
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<DIV style="WIDTH: 740px; TEXT-ALIGN: left;">
<DIV id="header"><B>TEST</B></DIV>

<DIV id="nav">
<DIV class="active menu">
<A class="bluelink" onClick="changePreview(0)" href="#" >menu1</A></DIV>
<DIV class="menu">
<A class="bluelink" onClick="changePreview(1)" href="#" >menu2</A></DIV>
<DIV class="menu">
<A class="bluelink" onClick="changePreview(2)" href="#" >menu3</A></DIV>
<DIV class="menu">
<A class="bluelink" onClick="changePreview(3)" href="#" >menu4</A></DIV>
<DIV class="menu">
<A class="bluelink" onClick="changePreview(4)" href="#" >menu5</A></DIV>
<DIV class="menu">
<A class="bluelink" onClick="changePreview(5)" href="#" >menu6</A></DIV>
</DIV>

<DIV id="content">
<DIV id="infotable0">Content1</DIV>
<DIV id="infotable1" style="DISPLAY: none">Content2</DIV>
<DIV id="infotable2" style="DISPLAY: none">Content3</DIV>
<DIV id="infotable3" style="DISPLAY: none">Content4</DIV>
<DIV id="infotable4" style="DISPLAY: none">Content5</DIV>
<DIV id="infotable5" style="DISPLAY: none">Content6</DIV>
</DIV>

<DIV id="footer"><A href="#">Link1</A> - <A href="#">Link2</A> - <A href="#">Link3</A> - <A href="#">Link4</A> - <A href="#">Link5</A><BR><BR><A href="#">Link6</A> - <A href="#">Link7</A> - <A href="#">Link8</A><BR><BR>Copyright Info<BR>
</DIV>
</CENTER>
</BODY>
</html>[/CODE]
改一改就行了

#7

盖世豪侠2007-08-29 21:04

懒的去写了,这是我以前在论坛上帮人修改后的一个程序,还不错

#8

zsl55662007-08-31 10:47

谢谢楼上的。
您这样的效果还是会重新刷新页面。。
谁有其他好的方法吗？
或则实现鼠标经过，其相应的内容就显示在右边的

#9

multiple19022007-08-31 12:05

以下是引用zsl5566在2007-8-31 10:47:51的发言：

谢谢楼上的。
您这样的效果还是会重新刷新页面。。
谁有其他好的方法吗？
或则实现鼠标经过，其相应的内容就显示在右边的

随便读点html就知道了呀

找个动网或者什么都行看后台左边菜单的效果

#10

piaoxue2007-08-31 12:09

只有本站会员才能查看附件，请登录

这个文件应该是你要得效果下载下来看看吧我一般都是改这个的呵呵

#11

multiple19022007-08-31 12:11

以下是引用piaoxue在2007-8-31 12:09:27的发言：
[attach]26848[/attach]
这个文件应该是你要得效果下载下来看看吧我一般都是改这个的呵呵

那个js很实用谢谢分享