0

我想知道是否有人可以为我提供使用 jQuery 创建菜单的指南，该指南类似于 Telerik 的 MultiColumn RadMenu ( http://demos.telerik.com/aspnet-ajax/menu/examples/multicolumnmenu/defaultcs. .aspx）。我迫切希望完成这项工作，而且我不想花一大笔钱买一个组件套件。我正在使用 jQuery 的 hover(); 功能，但菜单容器由于某种原因不想滑回。

提前谢谢你！

4

2 回答 2

2

这是为了点击 

<script type="text/javascript">
    $(document).ready(function() {

        $(".subMenu").hide();

        $(".btnJQUERYSubMenu").click(function() {
            $(this).next(".subMenu").slideToggle("fast");
            $(this).toggleClass("active");
            return false;
        });
    });
</script>

这是 mouserover 和 mouseout 的另一个脚本

<script type="text/javascript">
        $(document).ready(function() {

            $(".subMenu").hide();

            $(".btnJQUERYSubMenu").mouseover(function() {
                $(this).next(".subMenu").slideToggle("fast");
                $(this).toggleClass("active")
            }).mouseout(function() {
                $(this).next(".subMenu").slideToggle("fast");
                $(this).toggleClass("active")
            });

            $(".subMenu").mouseout(function() {
                $(this).slideToggle("fast"); // or you can user hide instead of slideToogle. Something happens to css it might be about that i have css classes on testing
            });
        });
    </script>

<ul class="menu-panel">
    <li>
        <asp:HyperLink  runat="server" Text="Home"></asp:HyperLink>
    </li>
    <li>
        <asp:HyperLink ID="lnkSideMenuEstates" runat="server" Text="Estates" ></asp:HyperLink>
    </li>        
    <%--SubMenu--%>
    <li>
        <asp:HyperLink runat="server" Text="About Us" CssClass="btnJQUERYSubMenu plus" NavigateUrl="#"></asp:HyperLink>
        <div class="subMenu">
            <ul class="menu-panel paddingleft10">
                <li>
                    <asp:HyperLink runat="server" Text="Who are we"></asp:HyperLink>
                </li>                   
           </ul>
        </div>
    </li>
</ul>
于 2009-02-20T18:19:34.530 回答
0

查看 jQuery 的 UI 工具。鉴于您使用 Telerik，我猜您使用 ASP.NET 或他们的 MVC 东西。MS 正在寻求将 jQuery 集成到他们的东西（ASP.NET AJAX 框架）中，因此熟悉整个 she-bang 会有所回报。Accordion 小部件或幻灯片效果可能正是您正在寻找的。

补充：在实验分支中有一个菜单 ui 小部件，但现在，你会被困住自己滚动。

添加：这是一个插件（jdMenu或droppy），如果您更喜欢那条路。

于 2009-02-20T18:00:48.180 回答