はてなブックマーク

Add more excitement to data tables using jQuery and conditional formatting to generate flexible data “heat maps”. Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible. Data heat maps provide the perfect way of taking ordinary data and

Download a zip file containing the latest version 1.3.3 plus the sample code and skins used in the examples: jquery-mega-drop-down-menu.1.3.3 The zip file contains the following: index.html jquery.dcmegamenu.1.3.3.js (6.97 kb) jquery.dcmegamenu.1.3.3.min.js – minified version (4.22 kb) dcmegamenu.css Sample Skins: CSS File: black.cssBackground: bg_black.png CSS File: grey.cssBackground: bg_grey.pn

In the following tutorial we are going to go through how to create a jQuery menu slider similar to the one used in our own website’s mega menu navigation (see “Wordpress Plugins” menu item). View Demo Download Source Code The HTML The HTML is very simple and basically includes: A wrapper (”#menu-slider”) – only used for styling the jquery menu slider An unordered list of text links (”#list-links”)

For the WordPress vertical mega menu plugin version go to – WordPress Vertical Mega Menu Widget Overview This plugin creates vertical mega menus from standard HTML nested lists, allowing users to view all available menu options for each top-level menu item. There are several plugin options available for customising the mega menu: Choose animation effect for the flyout menu – show/hide, fade in or

For the WordPress plugin version go to – WordPress Mega Menu Widget Overview The jQuery Mega Drop Down Menu plugin takes any standard HTML nested lists and turns them into horizontal mega menus. With some basic CSS styling the mega menus can be used to create unique & visually appealing navigation for any website. As well as being a little more exciting for the user, a mega menu has several advant

$('#accordion-1').dcAccordion({ eventType: 'click', autoClose: true, saveState: true, disableLink: true, showCount: true, speed: 'slow' }); Close Open Sub-menus: On Save State: On Disable Parent links: On Speed: slow Count: on Home Products Mobile Phones & Accessories Product 1 Product 2 Product 3 Desktop Product 4 Product 5 Product 6 Product 7 Product 8 Product 9 Laptop Product 10 Product 11 Part

Examples For further examples of the vertical mega menu plugin, including sample styles refer to our WordPress Vertical Mega Menu Demo Page or view the advanced styling example. Example 1 // $('#mega-1').dcVerticalMegaMenu(); // Plugin Default Settings: 3 items per row no animation direction of flyout: right Example 2 // $('#mega-2').dcVerticalMegaMenu({ rowItems: '3', speed: 'slow', effect: 'fade

For the WordPress plugin version go to: Vertical Accordion Menu Widget plugin page Overview The plugin takes standard html nested lists and turns them into vertical accordion menus. Some features include: Ability to handle any number of levels Select either “click” or “hover” event State saving using cookies Set sub-menus to auto-expand on page load based on CSS class Allow all sub-menus to be exp

Basic (minimum required) Styling With Default Plugin Settings: Items Per Row: 3, Speed: Fast, Effect: Fade In $('#mega-menu-2').dcMegaMenu(); Home Products Mobile Phones & Accessories Product 1 Product 2 Product 3 Desktop Product 4 Product 5 Product 6 Product 7 Product 8 Product 9 Laptop Product 10 Product 11 Product 12 Product 13 Accessories Product 14 Product 15 Software Product 16 Product 17 Pr