menu代码2xu

最新推荐文章于 2024-07-24 11:09:48 发布
最新推荐文章于 2024-07-24 11:09:48 发布
阅读量140 收藏
点赞数
文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/viphahaha/article/details/84301059
版权 
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu</title>
<link href="style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">
        function Show(idx) {
        	var subName = 'sub' + idx;
            document.getElementById(subName).style.display = 'Block';
        }
        function Hide() {
            document.getElementById('sub1').style.display = 'None';
            document.getElementById('sub2').style.display = 'None';
        }
    </script>
</head>

<body>

	<input id="mnubtn1" type="button" value="Menu1" style="width:102px;background-color: #999999; color: #FFFFFF;" οnclick="Hide();Show(1)"/><!--
--><input id="mnubtn2" type="button" value="Menu2" style="width:102px;background-color: #999999; color: #FFFFFF;" οnclick="Hide();Show(2)"/><!--
--><input id="mnubtn3" type="button" value="Menu3" style="width:102px;background-color: #999999; color: #FFFFFF;"/><!--
--><input id="mnubtn4" type="button" value="Menu4" style="width:102px;background-color: #999999; color: #FFFFFF;"/><!--
--><input id="mnubtn5" type="button" value="Menu5" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
	<input id="mnubtn6" type="button" value="Menu6" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
	<input id="mnubtn7" type="button" value="Menu7" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
	<input id="mnubtn8" type="button" value="Menu8" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
   	<input id="mnubtn9" type="button" value="Menu9" style="width:102px;background-color: #999999; color: #FFFFFF;"/>
   	<br>
   	<div id="sub1" style="display:none">
		<ul id="nav">
		   	<li><a href="#" title="submenu1">submenu1</a>
		   		<ul class="sub">
		   			<li><a href="#" title="submenu1 > 1-1sub1">1-1sub1</a></li>
		   		</ul>
		   	</li>
		   	<li><a href="#" title="submenu2">submenu2</a>
		      <ul class="sub">
		         <li><a href="#" title="submenu2 > 1-2sub1">1-2sub1</a></li>
		         <li><a href="#" title="submenu2 > 1-2sub2">1-2sub2</a></li>
		      </ul>
		   	</li>
		   	<li><a href="#" title="submenu3">submenu3</a>
		      <ul class="sub" >
		         <li><a href="#" title="submenu3 > 1-3sub1">1-3sub1</a></li>
		         <li><a href="#" title="submenu3 > 1-3sub2">1-3sub2</a></li>
		         <li><a href="#" title="submenu3 > 1-3sub3">1-3sub3</a></li>
		      </ul>
			</li>
			<li><a href="#" title="submenu4">submenu4</a></li>
			<li><a href="#" title="submenu5">submenu5</a></li>
			<li><a href="#" title="submenu6">submenu6</a></li>
			<li><a href="#" title="submenu7">submenu7</a></li>
			<li><a href="#" title="submenu8">submenu8</a></li>
			<li><a href="#" title="submenu9">submenu9</a></li>
		</ul>
	</div>
	
	<div id="sub2" style="display:none">
		<ul id="nav">
		   	<li><a href="#" title="submenu2">submenu2</a>
		   		<ul class="sub">
		   			<li><a href="#" title="submenu2 > 2-1sub1">2-1sub1</a></li>
		   		</ul>
		   	</li>
		   	<li><a href="#" title="submenu2">submenu2</a>
		      <ul class="sub">
		         <li><a href="#" title="submenu2 > 2-2sub1">2-2sub1</a></li>
		         <li><a href="#" title="submenu2 > 2-2sub2">2-2sub2</a></li>
		      </ul>
		   	</li>
		   	<li><a href="#" title="submenu3">submenu3</a>
		      <ul class="sub" >
		         <li><a href="#" title="submenu3 > 2-3sub1">2-3sub1</a></li>
		         <li><a href="#" title="submenu3 > 2-3sub2">2-3sub2</a></li>
		         <li><a href="#" title="submenu3 > 2-3sub3">2-3sub3</a></li>
		      </ul>
			</li>
			<li><a href="#" title="submenu4">submenu4</a>
			  <ul class="sub" >
		         <li><a href="#" title="submenu4 > 2-4sub1">2-4sub1</a></li>
		         <li><a href="#" title="submenu4 > 2-4sub2">2-4sub2</a></li>
		         <li><a href="#" title="submenu4 > 2-4sub3">2-4sub3</a></li>
		         <li><a href="#" title="submenu4 > 2-4sub4">2-4sub4</a></li>
		      </ul>
			</li>
			<li><a href="#" title="submenu5">submenu5</a></li>
			<li><a href="#" title="submenu6">submenu6</a></li>
			<li><a href="#" title="submenu7">submenu7</a></li>
			<li><a href="#" title="submenu8">submenu8</a></li>
			<li><a href="#" title="submenu9">submenu9</a></li>
		</ul>
	</div>
</body>
</html>

 

viphahaha
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
base64字符串生成图片 代码示例
jueqi2010的专栏
07-25 1万+
public class Test { public static void main(String[] args) throws Exception { String base64 = "Qk02JAEAAAAAADYEAAAoAAAAAAEAACABAAABAAgAAAAAAAAgAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAQACAgIAAwMDAAQE...
鉴于B站的代码粘贴没有全选功能，up在这里放上软件小妹的脚本代码
热门推荐
weixin_48456542的博客
07-24 6万+
油猴脚本软件小妹的脚本代码
模拟按键，点击，滑动，在光标处输出字符
andy76123的博客
05-12 964
电脑adb命令 输出文本 adb shell input text 132abc'不支持中文 模拟按键adb shell input keyevent 3模拟触摸adb shell input tap 100 100模拟滑动adb shell input swipe 100 300 500 300易安卓 命令 执行命令行("input keyevent " & 键...
css重置代码以及图标
qq_45366081的博客
01-10 5万+
重置代码 html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; height: 100%; } body { margin: 0; font-size: 14px; font-...
从java代码中查找调用android的api_如何在Android上使用Java BouncyCastle API使用明...
weixin_35705523的博客
02-27 298
我正在尝试使用Android中的BouncyCastle API加密字符串以发送到服务器.我的公用密钥是纯文本的(当然,是在内存中,而不是在文件系统中！！无需大吼大叫,密码学家;)),我需要使用此纯文本公用密钥将字符串加密为RSA加密字符串.这是我的课：public class RSAEncryptor {//Get certificate from base64 stringpublic sta...
【GitHub】项目代码上传github
小猿备忘录
11-02 847
本篇文章以macos为基础（windows系统同样有参考意义），介绍了git的卸载，homebrew的安装，git的安装以及利用git工具将项目代码放置github仓库。 （1）git的卸载 本人电脑很久没有用了，发现以前安装的git版本有点低了，所以决定重新安装最新的git（建议：自己学习某些工具或软件的时候可以选择它的稳定版本，因为稳定版本多数企业可能在用。或者下载最新版本试...
K-means 聚类算法及其代码实现
洛离Carlos的博客
05-27 1267
序言 K-means算法是非监督学习（unsupervised learning）中最简单也是最常用的一种聚类算法，具有的特点是: 对初始化敏感。初始点选择的不同，可能会产生不同的聚类结果最终会收敛。不管初始点如何选择，最终都会收敛。 本文章介绍K-means聚类算法的思想，同时给出在matlab环境中实现K-means算法的代码。代码使用向量化（vectorization1）来
代码里的神龙注释-强烈建议收藏
打过ICPC/CCPC，学习ACM算法，Linux内核，Openharmony，加油努力开心珍惜
05-01 1085
我们都是龙的传人！ 强推！！ /* : .:: ;i ...
c#二进制文件数据转换base64字符串文本代码
dcryefx44317的博客
11-24 4万+
using System; using System.Text; namespace ConsoleTest { internal class Program { private static void Main(string[] args) { string aaa = ...
FFT 多项式乘法 C代码
02-04
在提供的`FFT.cpp`文件中，应该包含了完整的C代码实现。这个程序不仅展示了FFT算法的原理，还可能包含了一些实用技巧，例如如何高效地计算位反转、如何处理复数运算等。 通过理解和实现FFT，我们可以优化多项式乘法...
Next.js静态导出与动态路由优化
天涯学馆
07-20 1053
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 416
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
【React 】开发环境搭建详细指南
最新发布
lph159的博客
07-24 857
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 1004
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
西门子SIMATIC ET 200SP模拟量输出模块AQ2xu ST详细技术手册
西门子SIMATIC ET 200SP 模拟量输出模块 AQ 2xu ST (6ES7135-6FB00-0BA1)是一款专为自动化控制应用设计的工业级模块。该模块是西门子公司针对分布式I/O解决方案ET200SP系列的一部分，旨在提供精确、可靠且易于集成的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值