您现在的位置是：首页 > 学无止境 > PHPPHP

php如何实现点击左边菜单右边跳转到对应页面

AndyGuo2020-05-09 09:05:11【PHP】1857人已围观

简介我们看到很多网站管理后台都是左侧是菜单栏点击后右边会进入对应的页面，而整个浏览器地址栏并没有刷新，这是如何实现的呢？

我们看到很多网站管理后台都是左侧是菜单栏点击后右边会进入对应的页面，而整个浏览器地址栏并没有刷新，这是如何实现的呢？

首先在页面的左边设置多个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>

好了，以上就是点击左侧菜单栏右边进入对应的页面的实现方法，希望能帮助大家！

顶一下 （2） 赏 踩一下 （1）
小郭博客

相关文章

最新发表

标签云 更多

点击排行

站长特荐

PbootCMS后台增加轮播图自定义分组名称PbootCMS后台增加轮播图自定义分组名称
关闭
QQ 微信 支付宝扫一扫打赏