教程集 www.jiaochengji.com
教程集 >  脚本编程  >  php  >  正文 php如何实现点击左边导航右边跳转到对应页面

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

发布时间:2020-05-16   编辑:jiaochengji.com
教程集为您提供php如何实现点击左边导航右边跳转到对应页面等资源,欢迎您收藏本站,我们将为您提供最新的php如何实现点击左边导航右边跳转到对应页面资源

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

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

推荐教程:《PHP教程》

以上就是php如何实现点击左边导航右边跳转到对应页面的详细内容,更多请关注教程集其它相关文章!

  • 本文原创发布教程集,转载请注明出处,感谢您的尊重!
  • 您可能感兴趣的文章:
    php如何实现点击左边导航右边跳转到对应页面
    对css滑动门技术的一些总结和归纳
    jQuery 选择器项目实例分析及实现代码
    微信的H5页面调用第三方位置导航
    基于jQuery的图片左右无缝滚动插件
    游览器主页被修改114 hao123导航怎么办?
    PS中常用的快捷键汇总介绍
    CSS滑动门技术教程
    css 基础入门边框
    基于jQuery实现点击同时更改两个iframe的网址

    [关闭]
    ~ ~