ezj.ext.drop

CSS 代码

.nav{margin:0px;padding:0px;overflow:hidden;} .nav li{float:left;margin:0px 1px;padding:0px;width:100px;background-color:#099;color:#fff;text-align:center;list-style-type:none;cursor:default;} .subNav{display:none;width:100px;border:1px solid #ccc;background-color:#fff;color:#000;}

HTML 代码

<ul class="nav"> <li>产品</li> <li>文档</li> </ul> <ul class="subNav"> <li>ezj</li> <li>文本比较工具</li> <li>剔重工具</li> </ul> <ul class="subNav"> <li>ASP.NET</li> <li>JavaScript</li> <li>CSS</li> </ul>

JavaScript 代码（ezj 代码）

ezj.ext.drop(".nav <li", ".subNav"); // 指定第三个参数，可以将浮动块右边显、左边显、上边显……参见 $1.pos(baseElement[, base])。

演示