Menu Toggle Adder
- 授权协议: 未知
- 开发语言:
- 操作系统: 未知
- 软件首页: http://plugins.jquery.com/project/js-menu-toggle-adder
软件介绍
Menu Toggle Adder - JQuery Plugin
JQuery plugin that automatically adds "toggle triangles" to your menu. Includes ability to automatically highlight selected links.
Examples
- Example One: Highlight Selected Link, Animation occurs when toggling.
- Example Two: Don't highlight Selected Link, No animation occurs when toggling.
Download
Download the JQuery Menu Toggle Adder plugin and related files!
How To Use
- Download the latest version of JQuery and the Menu Toggle Adder files.
- The Menu Toggle Adder files contains "sample.css", "menu_toggle_adder.css" and "ie6_menu_toggle_adder.css".
- "sample.css" contains some reset, formatting rules.
- "menu_toggle_adder.css" contains the rules needed to display your menu.
- "ie6_menu_toggle_adder.css" contains additional rules need to display your menu in ie6.
- Call the style sheets from your page. Use conditional comments to call "ie6_menu_toggle_adder.css" in IE6 only.
$(document).ready(function(){ $('#menu').menu_toggle_adder(); }); Menu Toggle Adder Settings
There are several settings that can be specified when invoking the menu toggle adder function. For example (don't forget to add the opening and closing script tags):
$(document).ready(function(){
$('#menu').menu_toggle_adder(
{
animate_toggle: 'yes', /* 'yes' or' no'. Use "slide down" animation to show and hide nested lists. */
highlight_selected_link: 'yes', /* 'yes' or 'no'. Add "menu_selected" class to the link (and it's parent) that matches the current page name. */
toggle: 'images/toggle.gif', /* Path to the toggle image. This is the image that shows when nested ul is hidden. */
toggled: 'images/toggled.gif', /* Path to the toggled image. This is the image that shows when nested ul is visible. */
toggle_selected: 'images/toggle_selected.gif', /* Path to the selected, toggle image. This is the image that shows when nested ul is hidden and the link url matches the current page name. */
toggled_selected: 'images/toggled_selected.gif', /* Path to the selected, toggled image. This is the image that shows when nested ul is visible and the link url matches the current page name. */
}
);
});Why Use It?
It is tedious for your website user to have to look at a long vertical menu containing, for example, category and sub category links. Collapsing your sub category links will allow your website user to find what she is looking for much easier. Giving the user the ability to expand and contract the menu using toggle images allows them to inspect the full menu without having to reload the page.
Tested On
- Internet Explorer 6 (PC)
- Internet Explorer 7 (PC)
- Fire Fox 2 (PC)
What Does it Do?
- Finds All unordered lists (ul's) that have nested ul's and adds a toggle image.
- Finds the menu link that matches the current url's page name.
- On page load, all nested ul's are hidden, except for the one that contains the link that matches the current url's page name.
- If the menu link that matches the current url's page name is contained in a nested ul, then both the nested link and parent link get a class assigned of "menu_selected".
- If the menu link that matches the current url's page name is contained in a parent ul, then the link gets a class assigned of "menu_selected".
- Nested ul's appear and disappear when toggled using the JQuery "slideUp" and "slideDown" functions.
Linux程序设计
Neil Matthew、Richard Stones / 陈健、宋健建 / 人民邮电出版社 / 201005 / 99.00元
时至今日，Linux系统已经从一个个人作品发展为可以用于各种关键任务的成熟、高效和稳定的操作系统，因为具备跨平台、开源、支持众多应用软件和网络协议等优点，它得到了各大主流软硬件厂商的支持，也成为广大程序设计人员理想的开发平台。 本书是Linux程序设计领域的经典名著，以简单易懂、内容全面和示例丰富而受到广泛好评。中文版前两版出版后，在国内的Linux爱好者和程序员中也引起了强烈反响，这一热潮......一起来看看 《Linux程序设计》 这本书的介绍吧!
RGB CMYK 转换工具
RGB CMYK 互转工具
HSV CMYK 转换工具
HSV CMYK互换工具
