带有子菜单的水平菜单栏 [英] Horizontal menubar with submenus

问题描述

我想知道如何在单击菜单时为带有子菜单项的水平菜单栏编码.还想使用菜单中的下拉arrow.gif.我已经设计了一个菜单，但不知道如何为那些使用JS

I want to know how to code for horizontal menu bar with submenu items on clicking the menu.And also want to use the dropdown arrow.gif in the menu. I''ve designed a menu but dont know how to display the submenu for those using JS

推荐答案

HTML的人显示子菜单:

HTML :

<div class="panel" id="panel_1">
                    <p class="flip" ><a href="#" class="remove">x </a>.net <span class="embed">Add</span></p>
                        <ul>
                            <li><a class="remove_c"href="#">x </a>Arun<input type="button" class="integ" value="Add"/></li>
                            <li><a class="remove_c"href="#">x </a>Ajay<input type="button" class="integ" value="Add"/></li>
                            <li><a class="remove_c"href="#">x </a>Ashok<input type="button" class="integ" value="Add"/></li>
                        </ul>
                </div>

CSS:

CSS :

ul
 {
display:none;
margin: 10px;
padding-left: 0 !important;
}

jQuery:

Jquery :

(文档).ready(function(){

(document).ready(function(){

("p").live(``click''，function (){

("p").live(''click'',function(){

这篇关于带有子菜单的水平菜单栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！