您现在的位置是:首页 > 学无止境 > PHPPHP
php如何实现点击左边菜单右边跳转到对应页面
AndyGuo2020-05-09 09:05:11【PHP】2023人已围观
简介我们看到很多网站管理后台都是左侧是菜单栏点击后右边会进入对应的页面,而整个浏览器地址栏并没有刷新,这是如何实现的呢?
我们看到很多网站管理后台都是左侧是菜单栏点击后右边会进入对应的页面,而整个浏览器地址栏并没有刷新,这是如何实现的呢?
首先在页面的左边设置多个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>
好了,以上就是点击左侧菜单栏右边进入对应的页面的实现方法,希望能帮助大家!
![小郭博客](/uploads/202003/30/200330082238178.jpg)
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《小郭博客》。
- 本文网址:http://www.d163.net/html/php/52.html
- 上篇文章:php如何判断两个数组不同
- 下篇文章:php中base64和js中base64可互相加解密
相关文章
最新发表
标签云 更多
-
SAP(1)
奥运会(1)
短视频(1)
杨倩(1)
提拉米苏(1)
大家财险机动车辆保险(1)
王一博(1)
肖战(1)
苏炳添(1)
刘德华(1)
小鹏汽车(1)
高考(4)
阿里云(1)
HR(1)
邓伦(1)
李莎(1)
杜淳(2)
PHP教程(7)
陈好(1)
playhouse(1)
fopen(1)
山村疯狂(1)
第二书包(0)
69乐园(1)
牡丹江民心网(1)
授课到天亮(1)
天天综合(2)
好人岛(1)
符印巨树(1)
男子汉图库(1)
采花小绵羊(1)
涡卷花束(1)
一方嘉通(1)
李心草(2)
半藏森林不带套(2)
王镁幼(2)
嫦娥五号(3)
周冬雨(1)
黄晓明(1)
金鸡奖获奖名单(3)
网页计数器(2)
成都大学(1)
中科创星(1)
马拉多纳(4)
世界互联网大会(2)
porndao(1)
web前端(6)
网站优化(6)
cookie(2)
session(2)
301重定向(1)
headerlocation(1)
百度站内搜索(1)
爱奇艺(2)
爱奇艺弹幕开关不见了(1)
制作网页教程(4)
刘诗昆(1)
react(1)
linear-gradient(1)
旅游网站建设方案(1)
我爱自学网(2)
诺贝尔(1)
笔记(1)
居里夫人(1)
郭德纲(1)
杨紫(2)
蚂蚁金服上市时间(3)
爱琴海(1)
李连杰(1)
陈佩斯(1)
梁静茹(2)
个人网站模板(0)
个人网站制作(3)
个人网站(3)
网页制作(10)
帝国CMS(6)
百度地图API(2)
伪静态(2)
jizhicms(6)
1024(3)
去除bom(1)
Git(2)
中国人民志愿军(2)
麒麟9000(2)
Mate40(2)
新冠病毒(15)
摩天轮(1)
布达佩斯(1)
div居中(2)
新冠疫苗最新消息(12)
新冠疫苗(6)
昆仑饭店(2)
赵丽颖(6)
正面照(2)
石原里美(2)
店员(1)
理发(2)
十几万(1)
伊能静(1)
京东(4)