<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
var vis = 'b';
function change(){
vis=document.getElementById('PM').value;
var a = document.getElementById('a');
var b = document.getElementById('b');
if(vis=='b'){
a.style.display = 'block';
b.style.display = 'none';
vis = 'a';
}else{
a.style.display = 'none';
b.style.display = 'block';
vis = 'b';
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<select id="PM" onchange="change()">
<option value="a">a</option>
<option value="b">b</option>
</select>
<div id = "a" style = "display:none">
<select id="a">
<option value="test1">a.test1</option>
<option value="test2">a.test2</option>
</select>
</div>
<div id = "b">
<select id="b">
<option value="sb">sb</option>
<option value="sb1">sb1</option>
</select>
</div>
</BODY>
</HTML>
分享到:
相关推荐
html 的 select 控件操作时,会被360杀毒软件监控,操作时会弹出一个警示窗口,影响用户的操作体验...因此,本作者利用 <div> 控件设计了一歀 js 下拉菜单,避免了360监控弹出的警示窗口,使得用户的操作体验流畅多了。
记得之前我们给大家分享过一些飘带式的菜单,比如CSS3 飘带菜单 超酷3D CSS3菜单和CSS3飘带状多级下拉菜单;也分享过几款手风琴下拉菜单,可以在手风琴菜单栏目下查看。今天要分享的是一款飘带样式的垂直手风琴下拉...
web中下拉菜单原理,即在用JavaScript控制不同DIV的现实和隐藏!
用js和DIV制作导航菜单及下拉菜单,很简单的代码
jQuery淡入淡出下拉菜单,网页设计,div+css
DIV+CSS纵向横向下拉菜单,JS图片文字横向滚动,比较实用小例子,和大家分享下!
近50种伸缩滑动折叠菜单(js、css、div实现),有滑动导航、工具条,下拉菜单等,是目前web设计中导航效果最全面的打包文件
用jsTree+div模拟 js树形下拉菜单
用多级下拉菜单源码,符合web标准,CSS+DIV
jQuery常用左侧伸缩下拉菜单特效</title> <link rel="stylesheet" type="text/css" href="css/nav.css?3.1.64"> <link rel="stylesheet" type="text/css" href="font/iconfont.css?3.1.64"> ...
4级菜单,下拉列表,超实用的,div,js,快来呀
DIV CSS商品分类下拉导航菜单,绿色风格,茶叶分类菜单。
这个导航下拉菜单需要实现的功能是:下拉菜单的宽度与浏览器视口的宽度一样宽;一级导航只有两项,当鼠标移到一级导航上的导航项时,相应的二级导航出现。在本案例中通过改变二级导航的高度来实现二级导航的显示和...
js+css下拉导航菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; charset=gb2312" /> 首页 - 铁煤集团协同办公平台 ...
红色多级下拉菜单,是学习Div CSS jquery制作菜单的一个好实例,可以显示5级子菜单,关于本菜单中的JS封装,作者其实是想利用一些私有方法和变量,但是这么包装,感觉有些不伦不类,既然还是要搞了半天,还是返回的...
我们利用 Vue.js 的自定义指令能力,来实现一个自定义下拉菜单功能。描述如下: 点击按钮,弹出下拉菜单。 点击下拉菜单之外的区域,关闭下拉菜单。 1基础版 html: <!DOCTYPE html> <html lang=en> ...
可以很好的解决下拉菜单被flash盖住的问题,很方便,希望对大家 有用
效果预览:http://keleyi.com/keleyi/phtml/menu/1.htm 下拉菜单 js+div+css下拉导航菜单完整代码: <!DOCTYPE ...<...css+div+js下拉菜单导航--柯乐义</title> <style type="t
js+div+css下拉导航菜单完整代码分享.docx
菜单 menu JavaScript css js div 下拉级联菜单 菜单 menu JavaScript css js div 下拉级联菜单