下拉菜单的实现，附图说明_html/css_WEB-ITnose

下拉1与下拉2的点击独立，展开菜单后自动调整页面长度，含三角形方向变化
经常在网页上看到这种效果，不知道怎么实现，
本人绝对菜鸟，求指教

回复讨论(解决方案)

不明白你这是什么意思？

类似http://emulefans.com/上面的目录索引功能，不过这个更简化一些下拉1与下拉2的点击独立，展开菜单后自动调整页面长度，含三角形方向变化
经常在网页上看到这种效果，不知道怎么实现，
本人绝对菜鸟，求指教

用第三方的NavBarControl控件

BS下可以用JAVASCRIPT实现。

能否详细一点，我一般都是用DW，而且还是未入门级的 BS下可以用JAVASCRIPT实现。

箭头其实是小图片，当触发OnClick事件之后就改变这个图片的src属性。子菜单就是隐藏和显示属性的修改。

先去试试箭头其实是小图片，当触发OnClick事件之后就改变这个图片的src属性。子菜单就是隐藏和显示属性的修改。

  	 		 		  		 			* { margin:0; padding:0; font-size:14px; }			ul { list-style:none; }									.arr {				display:inline-block;				position:absolute; left:40px; top:9px;				width:0; height:0; overflow:hidden;				border:5px dashed transparent;			}			.arr-t {				border-top:5px solid #000; _border-width:4px;			}			.arr-b {				top:4px;				border-bottom:5px solid #000;			}			.bar {				margin:100px;			}			.bar li {				position:relative;				margin-top:4px;				padding:4px 6px;				width:80px;				border:1px solid #999;				cursor:pointer;			}			.bar li div {				padding-left:10px;			}		 	 	 		 			 				菜单  									1-1
					1-1
					1-1


      
查看更多关于下拉菜单的实现，附图说明_html/css_WEB-ITnose的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did104480

更新时间：2022-11-17 阅读：39次