长沙快付新闻资讯
您当前的位置是： 首页->做网站知识->做网站

页面点左边菜单右边刷新内容不让整个页面刷新

首发: 长沙快付 版权所有,未经许可严禁转载
        我们有这样的一个页面，左边是菜单栏，右边是内容栏，当我们点击左边的菜单栏时，右边的内容栏需要显示相应的内容。但是如果是在动态页面当中时，我们点击左边的菜单栏时，会随着右边的内容栏一起刷新。如果左边的菜单栏里的菜单比较多的情况下，当用户点击的左边最下面的菜单时，当页面刷新时，左边的菜单栏会停留在最上面的菜单位置，这样就会严重的影响用户体验。
 
        这个时候我们可以采用frameset来布局页面，从而达到页面点左边菜单右边刷新内容不让整个页面刷新。
 
        代码如下：
        整体页面代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>页面点左边菜单右边刷新内容不让整个页面刷新</title>
</head>
<frameset rows="*" cols="148,*" framespacing="0" frameborder="no" border="0">
  <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frame src="right.html" title="mainFrame" name="mainFrame"/>
</frameset>
<noframes><body>
</body></noframes>
</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=utf-8" />
<title>页面点左边菜单右边刷新内容不让整个页面刷新</title>
</head>
<body>
<a href="http://www.baidu.com" target="mainFrame" >baidu</a><br/>
<a href="http://www.baid.com" target="mainFrame" >baid</a><br/>
</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=utf-8" />
<title>页面点左边菜单右边刷新内容不让整个页面刷新</title>
</head>
<body>
</body>
</html>
 
  • 最新签约客户
  • 最新上线网站
为什么选择长沙快付公司？

√ 8年专业做网站经验
帮助您解决各种需求，并得到满意方案

√ 效果满意后付款
预付30%定金，效果让您满意后，付全款

√ 资深用户体验设计师
秉承"一切以用户价值为依归"理念，重视用户体验，专为企业需求进行定制

√ 采用国际标准结构建站
DIV+CSS国际标准构建网页，可有效提高网站访问速度、提高网站页面的可维护

√ 实现网络营销[SEO]最大化
网站程序中融入SEO，有效降低企业成本

分享到：