这种方式的好处在于直观、方便，但是缺点在于页面会出现刷新的情况，可以使用禁用浏览器的默认事件来防止。
也可以使用js控制页面跳转
在html中 为某个标签添加点击事件
在js中 可以使用如下方法来跳转页面
1、先创建个简单的页面。
2、在页面中加上js代码指定打开页面。
3、在浏览器中重新输入这个页面地址，按回车打开的页面就不在是原来的页面而是js指定的页面。
4、或者换成如图指定的打开方式。
5、再在浏览器中输入页面地址。
6、按下回车这时就会打开2个页面，一个是自己的默认页面，一个是js指定的页面。
你可以让顶部导航栏和其他部分分处不同的层，然后你只需要对其他部分所处的层进行缩放处理，导航栏不动，这样就实现你的目的了。比如：<div class=head>这是顶部导航栏</div>
<div class=body>这是其他主体部分</div>
然后js代码就可以这样：
$("div.body").css({"transform":"scale(0.8)","transform-origin":"50% 0"})
