php如何实现点击左边菜单右边跳转到对应页面
时间：2024年01月27日
编辑：佚名
我们看到很多网站管理后台都是左侧是菜单栏点击后右边会进入对应的页面，而整个浏览器地址栏并没有刷新，这是如何实现的呢？
首先在页面的左边设置多个a标签作为导航；然后在页面的右边添加一个iframe，其属性name设置为content；最后将左侧所用的a标签的属性target，设置为content即可。
示例代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>实现点击左边导航右边跳转到对应页面</title>
</head>
<body>
<!-- 左侧菜单 -->
<div class="left">
<a href="http://www.baidu.com" target="content">百度</a>
<a href="http://www.qq.com" target="content">qq</a>
</div>
<!-- 右侧页面 -->
<div class="right">
<iframe src="" name="content"></iframe>
</div>
</body>
</html>
好了，以上就是点击左侧菜单栏右边进入对应的页面的实现方法，希望能帮助大家！
首先在页面的左边设置多个a标签作为导航；然后在页面的右边添加一个iframe，其属性name设置为content；最后将左侧所用的a标签的属性target，设置为content即可。
示例代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>实现点击左边导航右边跳转到对应页面</title>
</head>
<body>
<!-- 左侧菜单 -->
<div class="left">
<a href="http://www.baidu.com" target="content">百度</a>
<a href="http://www.qq.com" target="content">qq</a>
</div>
<!-- 右侧页面 -->
<div class="right">
<iframe src="" name="content"></iframe>
</div>
</body>
</html>
好了，以上就是点击左侧菜单栏右边进入对应的页面的实现方法，希望能帮助大家！
相关文章
猜你需要
