最简单实用的下拉菜单，

最新推荐文章于 2021-02-01 19:27:13 发布
最新推荐文章于 2021-02-01 19:27:13 发布
阅读量936 收藏
点赞数
分类专栏： HTML 文章标签： layer javascript
最简单实用的下拉菜单，效果非常好的，速度也快，酷   [ 2005-07-19 | 作者：coli |

插入到<body></body>间的代码:

<script language="JavaScript">
<!--
function showLay(divId){
 var objDiv = eval(divId);
 if (objDiv.style.display=="none"){
  eval("sp"+divId+".innerHTML='-'");
  objDiv.style.display="";
 }else{
  eval("sp"+divId+".innerHTML='+'");
  objDiv.style.display="none";
 }
}
// -->
</script>
<a href="#" οnclick="showLay('Layer1')"><span id="spLayer1">+</span>刀具</a><br>
<div id="Layer1" style="display:none;">
 |-<a href="#" οnclick="showLay('Layer11')"><span id="spLayer11">+</span>手术刀</a><br>
 
  <div id="Layer11" style="display:none;"> 
   | |-A型号手术刀<br>
   | |-B<br>
   | |-C<br>
 </div>
|<br>
  |-<a href="#" οnclick="showLay('Layer12')"><span id="spLayer12">+</span>镊子</a><br>
 <div id="Layer12" style="display:none;">
   | |-AA<br>
   | |-BB<br>
 </div>
   | <a href="#" οnclick="showLay('Layer13')"><br>
  |-<span id="spLayer13">+</span>钳子</a><br>
 <div id="Layer13" style="display:none;">
   | |-CC<br>
    | |-DD<br>
    | <br>
 </div>
</div>
<a href="#" οnclick="showLay('Layer2')"><span id="spLayer2">+</span>电子仪器</a>
<div id="Layer2" style="display:none;">
|-透视仪<br>
|-验血仪器
</div>
deadshot123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C# MVC 使用LayUI实现下拉框二级联动的功能
12-17
一、layui.use 1、LayUI的官方使用文档：https://www.layui.com/doc/ 2、layui的内置模块不是默认就加载好的，必须要执行启动模块的这种方法后模块才会加载； 3、layui.use就是一种加载模块的方式。 如下代码： //LayUI渲染以及启动模块 layui.use(['form', 'layedit', 'laydate'], function () { var form = layui.form,//获取form模块 layer = layui.layer,//获取layer模块 layedit = layui.la
AS3+xml下拉菜单_下拉弹出框菜单
04-22
AS3+xml下拉菜单_下拉弹出框菜单 贵是贵了点，但值得下
layer 下拉树形菜单带有复选框
05-22
该插件是改良的layer的树形插件，在原始的layer插件中的树形结构是没有复选框的，改良后可用以拿来做权限系统的权限选择
Android简单实现列表菜单--PopupMenu的简单使用。
蜗牛学开车的博客
10-07 6757
最近发现PopupMenu用来做菜单非常的方便，而且使用也非常的简单，下面我们就来看下如何使用的吧。首先在布局文件中创建两个Button。<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tool
layui下拉搜索框功能
lsAssassin的博客
10-14 4501
layui下拉框的的搜索以及选取的值的获取 首先在上级的div 加上 layui-form 在select 加上 lay-search,lay-filter="proChange"，进行渲染，接着在js中进行layui操作 进行元素获取，proChange为lay-filter的值， data.elem为选中的下拉框的所有值的集合，我这里获取到选取的下拉选中值的id 当下拉框被l...
超简单且炫酷的下拉菜单
11-19
在实际应用中，开发者需要考虑到用户体验、响应式设计以及可能的交互扩展，以创建既实用又吸引人的下拉菜单。通过不断学习和实践，我们可以创造出更多富有创意和功能性的下拉菜单，提升网站的整体用户体验。
最简单树形下拉菜单
08-07
本文将详细讲解如何创建一个“最简单树形下拉菜单”，以及实现这个功能所需的关键技术。 首先，我们需要理解树形下拉菜单的基本构成。这种菜单通常由一个父节点（主菜单项）和多个子节点（次级菜单项）组成。当用户...
简单实用的垂直下拉菜单.rar
05-23
本资源“简单实用的垂直下拉菜单.rar”提供了一种优雅的解决方案，采用HTML、CSS和JavaScript技术实现。接下来，我们将详细讨论这些技术以及如何构建这样的下拉菜单。 首先，HTML（HyperText Markup Language）是...
Android实现下拉菜单Spinner效果
09-02
在Android开发中，Spinner是一个非常实用的组件，它允许用户从一组预定义的选项中进行选择，呈现为一个下拉菜单。Spinner的效果类似于HTML中的元素，为用户提供了一个简洁的交互界面。本文将深入探讨如何在Android...
Bootstrap实现下拉菜单多级联动
08-28
但是，以上代码只能创建一个简单的下拉菜单，而不能实现多级联动。要实现多级联动，我们需要添加一些 CSS 样式和 JavaScript 代码。 首先，我们需要添加一个 `.dropdown-submenu` 类来定义子菜单的样式： ```css ....
android 史上最简单的下拉选择菜单DropDownMenu 几行代码轻松搞定！
u010217229的博客
12-14 2万+
这是我在CSDN上第一篇原创文章，趁着从上家公司离职去考驾照的这段日子，想通过写技术博客的方式，锻炼一下自己的语言表达能力，以及对之前工作的总结。 这个下拉选择菜单使用起来非常方方便，菜单是用popupWindow实现的。
组件 layui 常用控件下拉框的应用
weixin_33877885的博客
10-16 2078
下拉框的显示样式： 针对下拉框的绑定等操作时，在最后务必调用一次 form.render(); 1、基本定义： <div class="layui-form-item"> <label class="layui-form-label"><span class="f_orange">*</span>控件类型</label> ...
Android开发之多级下拉列表菜单实现（仿美团，淘宝等）
MiniMicall的专栏
09-23 3万+
我们在常用的电商或者旅游APP中，例如美团，手机淘宝等等，都能够看的到有那种下拉式的二级列表菜单。具体如图所示： 上面两张图就是美团的一个二级列表菜单的一个展示。我相信很多人都想开发一个跟它一样的功能放到自己的APP中。好，接下来我们就开始动手，解决它。 1，结构分析 首先，我们给出这个下来菜单需要的组建。我们用线框图来分析。 1）如上图所示，最外围
layui的下拉框实现
programmer188的博客
02-01 439
<div class="layui-inline"> <div class=""> <select id="status"> <option value>请选择状态</option> <option value="0">启用</option> <option value="1">禁用</option> .
layui下拉框的使用
haogemr的博客
03-19 5万+
在HTML中写固定值 <div class="layui-form"> <select name="" id="" lay-filter="myselect"> <option value="zhang">张先生</option> <option value="wang">王先生</option>...
几款非常实用的下拉菜单，效果都很不错，可自定义
x163326的专栏
12-29 1458
几款实用的下拉菜单，alixix整理收集。 #ss,#sss{ width:430px; height:28px; background-image:url(http://beta.hi.csdn.net/attachment/200909/29/79043_1254192730G9x9.gif); font-size:13px; color:#FFFFFF; } .c{ w
用layui实现下拉框select多选,取值
热门推荐
gs981600308的博客
07-23 10万+
在layui中实现下拉框select多选,取值 html form.on('select(multi)', function (data) { // 打开控制台查看效果 onsole.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值（数组类型） console.log(data.o...
实现带复选框的下拉列表
guxin_duyin的博客
04-16 3万+
最近在项目中有遇到需要带复选框的下拉列表，找了好久都没找到相关资料，只好自己用jQuery+css实现了一个简单的小demo，虽然有点丑，但效果基本实现了，大家将就着看吧。 注:(以下代码为本人自己编写,只是一个小Demo,可以直接复制使用,但代码只是演示其效果和功能,告诉大家如何去写,所以界面可能没大家想要的那么漂亮!敬请谅解!0.0.) html代码如下
layui 组件tableSelect 下拉表格选择器的应用
无名有道
10-13 3万+
     在后台管理项目中的表单输入经常需要通过下拉框来选择输入项，为防止用户录入错误，需要下拉框的选项可以维护，并能搜索。发现一个 layui 组件tableSelect组件正好可以实现下拉框列表进行选择的功能，正好可以满足需求。     效果如下图所示： 插件下载地址  https://gitee.com/lolicode/layui_component_tableselect 使用...
网站设计之常见简单实用的JavaScript特效总结（上篇）1
最新发布
08-03
网站设计中常见的简单实用的JavaScript特效在提升用户体验和页面功能性方面起到了至关重要的作用。本文主要总结了一些常见的JavaScript特效，这些特效包括鼠标悬停图片切换查看器、鼠标移动图片放大、鼠标移动切换...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值