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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • ajax请求状态码是0_常见错误状态码

    ajax请求状态码是0_常见错误状态码会出现这个HTTP请求状态码400,说明这个请求是无效的,并没有进入后台服务器(控制器)里。通常的原因:前端提交的字段名称或者字段类型和后台的实体类不一样,或者前端提交的参数跟后台需要的参数个数不一致,导致无法封装。比如在SprimgMVC的控制器方法中使用了@RequestParam修饰了一个yanggb参数,但是前端在请求的时候并没有带上yanggb参数或yanggb参数为空值,就会出现这种情况;再比如前端提交到后台的数据应该是JSON字符串类型,而前端没有将对象转化为字符串类型,也会返回HTTP请

    2022年10月28日
    0
  • 显示出圆周率后一百位_搜索圆周率

    显示出圆周率后一百位_搜索圆周率这里不给发那么多字数,具体查看:https://tys.ink/?p=5221

    2022年9月12日
    0
  • 以《简单易懂》的语言带你搞懂逻辑回归算法【附Python代码详解】机器学习系列之逻辑回归篇

    以《简单易懂》的语言带你搞懂逻辑回归算法【附Python代码详解】机器学习系列之逻辑回归篇目录必看前言逻辑回归算法1概述2基本原理3sklearn实现3.1导入数据(乳腺癌数据集)3.2建模3.3绘制学习曲线3.4网格搜索-确定最优参数结束语必看前言这一篇文章,我会详细从机器学习的角度介绍逻辑回归,以及如何利用Python来实现逻辑回归以及逻辑回归的实战模拟,另外我也会教大家如何利用网格搜索找到最优参数。干货满满!逻辑回归算法1概述分类技术是机器学习和数据挖掘应用中的重要组成部分。在数据科学中,绝大多数的问题属于分类问题。解决分类的算法也有很多种。如:KNN,使距

    2022年8月21日
    3
  • python递归写法_python递归怎么写

    python递归写法_python递归怎么写1、递归的百度百科定义程序调用自身的编程技巧称为递归(recursion)。递归做为一种算法在程序设计语言中广泛应用。一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算,大大地减少了程序的代码量。递归的能力在于用有限的语句来定义对象的无限集合。一般…

    2022年6月18日
    29
  • FTP下载工具的使用

    FTP下载工具的使用针对遇到的某些FTP的资源无法下载,或者下载容易中断的问题,FTP下载工具帮你完美的解决这个问题。首先下载FTP工具,目前网上大家都推荐的FlashFXP5.1.0.3829官方中文版。PS:给个链接http://dl.pconline.com.cn/html_2/1/89/id=61&pn=0.html#ad=7366下载完成后直接安装运行就可以,同普通软件一样,给个截图如

    2022年6月13日
    27
  • 什么都不必说–简单图片金额识别OCR

    什么都不必说–简单图片金额识别OCR

    2022年4月3日
    55

发表回复

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

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