带滑块的asp.net菜单

本文关键字:net 菜单 asp | 更新日期: 2023-09-27 18:26:01

我使用的是asp.net菜单控件,但我需要添加一个滑块,因此如果菜单控件在可见页面之外增长,则会限制它,并使用jquery滑块来查看隐藏的其他选项。我已经尝试过Jcarousel和现在的这个,但已经能够正确地实现它。发生2件事:

  1. 项目是隐藏的,无论我点击什么,它都不会显示它们
  2. 子菜单不再出现

任何帮助或指导一个更好的插件,我可以使用,我真的很感激。

    <link href="css/jquery.thumbnailScroller.css" rel="stylesheet" />
    <!-- Add jQuery library -->
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <!-- jquery ui custom build (for animation easing) -->
    <script src="js/jquery-ui-1.8.13.custom.min.js"></script>
    <script>
        /* jQuery.noConflict() for using the plugin along with other libraries.
        You can remove it if you won't use other libraries (e.g. prototype, scriptaculous etc.) or
        if you include jQuery before other libraries in yourdocument's head tag.
        [more info: http://docs.jquery.com/Using_jQuery_with_Other_Libraries] */
        /* calling thumbnailScroller function with options as parameters */
        (function ($) {
            window.onload = function () {
                $("#tS2").thumbnailScroller({
                    scrollerType: "clickButtons",
                    scrollerOrientation: "horizontal",
                    scrollSpeed: 2,
                    scrollEasing: "easeOutCirc",
                    scrollEasingAmount: 600,
                    acceleration: 4,
                    scrollSpeed: 800,
                    noScrollCenterSpace: 10,
                    autoScrolling: 0,
                    autoScrollingSpeed: 2000,
                    autoScrollingEasing: "easeInOutQuad",
                    autoScrollingDelay: 500
                });
            }
        });
    </script>
    <!-- thumbnailScroller script -->
    <script src="js/jquery.thumbnailScroller.js"></script>

    <div id="tS2" class="jThumbnailScroller">
        <div class="jTscrollerContainer">
            <div class="jTscroller">    
                <asp:Menu ID="navigation" runat="server" Orientation="Horizontal" CssClass="topmenu" MaximumDynamicDisplayLevels="20" 
                    IncludeStyleBlock="false">
                   <DynamicSelectedStyle />
                    <DynamicMenuItemStyle />
                    <DynamicHoverStyle  />
                    <DynamicMenuStyle   />
                    <StaticMenuItemStyle  />
                    <StaticSelectedStyle />
                    <StaticHoverStyle  />
                </asp:Menu>
            </div>
       </div>
       <a href="#" class="jTscrollerPrevButton"></a>
       <a href="#" class="jTscrollerNextButton"></a>
    </div>

带滑块的asp.net菜单

看起来您的匿名包装函数中缺少了后缀(),因此window.onload块永远不会执行。

你在控制台上看到错误了吗?