HTML导航菜单

HTML导航菜单1导航菜单程序管理版本管理渠道管理资源管理 上传资源分离左右页面#conter{width:90%;margin:auto;}#help-left{width:10%;

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

1导航菜单

<details class="menu" open="">

    <summary>程序管理</summary>

    <ul>

        <li><a href="#">版本管理</a></li>

        <li><a href="#">渠道管理</a></li>

    </ul>

</details>

<details class="menu" open="">

    <summary>资源管理</summary>

    <ul>					
        <li><a href="#">上传资源</a></li>

    </ul>

</details>

分离左右页面

#conter {

    width: 90%;

    margin: auto;

}



#help-left {

    width: 10%;

    font-family: 'microsoft YaHei';

    float: left;

}

#help-right {
		
	width: 80%;
		
    font-family: 'microsoft YaHei';

    float:left;

}

2使用IFRAME元素作文内容页

<IFRAME ID="testIframe" Name="testIframe" FRAMEBORDER=0  width=100% SRC=""></IFRAME>

3点击切换

<iframe src="managerlist.php" id="iframe_content" name="iframe_content" style="width: 95%; height: 95%; border: 1px"></iframe>

 document.getElementById(iframe_content).setAttribute("src", 'XXXX.php');

完整:

<a href="javascript:document.getElementById('ContentIframe').setAttribute('src', 'index.php');">TEST</a>

亦可以使用超链接方式

<a href="car_in.php" target="iframe_content">菜单选择</a>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/159456.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • jedispool使用自动归还jedis解决方案「建议收藏」

    jedispool使用自动归还jedis解决方案「建议收藏」在使用Jedispool的时候遇到一个尴尬的问题。实例必须要手动归还。即jedis高版本使用jedis.close()归还。这样据说是灵活的表现。但如果必须手动调close,那么万一项目组的成员手抖忘记掉了,这就无疑会出现很严重的情况,这无疑增加了系统的脆弱性。由于我们系统是用grpc做通信机制,所以不存在通过spring管理实例的生命周期来控制,经研究决定也决定不采用Redisson.那接

    2025年9月13日
    6
  • ls 命令还能这么玩?看一下这 20 个实用范例

    ls 命令还能这么玩?看一下这 20 个实用范例

    2021年10月21日
    53
  • VS2013密钥 VS2013专业版密钥 VS2013旗舰版密钥

    VS2013密钥 VS2013专业版密钥 VS2013旗舰版密钥旗舰版VisualStudioUltimate2013KEY(密钥):BWG7X-J98B3-W34RT-33B3R-JVYW9专业版VisualStudioProfessional2013  KEY(密钥):XDM3T-W3T3V-MGJWK-8BFVD-GVPKY

    2022年5月19日
    40
  • QQ机器人制作教程,超详细「建议收藏」

    QQ机器人制作教程,超详细「建议收藏」目录前期准备1、机器人框架的下载和配置2、python的配置和安装具体实现1、发送信息2、获取群成员列表3、接收上报的事件4、实现简单的自动回复下一篇文章介绍更多功能前期准备1、机器人框架的下载和配置首先需要一个qq机器人框架,我使用的是基于mirai以及MiraiGo开发的go-cqhttp(里面有开发文档)。框架下载地址Windows下32位文件为go-cqhttp-v*-windows-386.zipWindows下64位文件为go-cqhttp-v*-windows-amd6

    2025年9月19日
    6
  • 推荐一款神仙颜值的 Redis 客户端工具

    推荐一款神仙颜值的 Redis 客户端工具日常开发过程中,项目常常都会使用Redis来做缓存或者Session服务器,为了更直观方便,开发者常常会使用一些可视化工具,如RedisDesktopManager、RedisClent等,但界面UI做得不尽人意,作为当今时代,对软件的UI还是有所期待的,今天给大家分享一款,高颜值、功能强大的Redis客户端工具。AnotherRedisDesktopMan…

    2022年9月15日
    4
  • Android Studio gardle 配置 ndk 指定 ABI: abiFilters 详解

    Android Studio gardle 配置 ndk 指定 ABI: abiFilters 详解一、ABI是什么ABI是ApplicationBinaryInterface的缩写。不同Android手机使用不同的CPU,因此支持不同的指令集。CPU与指令集的每种组合都有其自己的应用二进制界面(或ABI)。ABI可以非常精确地定义应用的机器代码在运行时如何与系统交互。您必须为应用要使用的每个CPU架构指定ABI。典型的ABI包含以下信息:机…

    2022年5月11日
    259

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号