我正在使用asp.net菜單控件,但我需要添加一個滑塊,以便如果菜單控件生長在可見頁面外,然後限制它,並使用jquery滑塊來查看其他選項隱藏。我已經嘗試Jcarousel,現在這一個,但已能夠正確實施這一點。發生2件事:asp.net菜單與滑塊
- 項目被隱藏,無論我點擊它什麼都不顯示它們。
- 子菜單不再出現。
任何幫助或指導更好的插件,我可以使用我真的很感激它。
<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>
試用這種平板電腦或智能手機的導航設計。你可能想重新考慮你的設計。 – jfrankcarr 2012-02-27 19:20:43
其不適用於平板電腦或移動我們得到它將有一個完全不同的佈局 – Andres 2012-02-27 20:03:42