RocketBar – A jQuery And CSS3 Persistent Navigation Menu
Aug 6, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
In the given article you will see how we can create Persistent Navigation Menu easily with Jquery & CSS3. Everyday on the web there’s something that we all do, almost regardless of the site that we’re on – we scroll down. If we’re reading a blog post, looking through a product description or even just scouring through eBay listings..in every case we need to scroll back up to the top of the page if we want to use the site navigation again or perform a site search.
Tags: brushes, Design, free-icons, free-resources, HTML, images, JavaScript, Menu, navigation-menu, PHP, scripts, stock photos, Tutorials
wdContextMenu – JQuery Context Menu Plugin
Aug 3, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
wdContextMenu is is very lightweight jquery plugin for right click menu. Item specific. Context menu for specific area Dynamical disabled menus/items Website: http://www.web-delicious.com/jquery-plugins/#menu Demo: http://www.web-delicious.com/jquery-plugins-demo/wdContextMenu/sample.htm
Tags: Ajax, context menu, CSS, featured, flash, gallery, images, JavaScript, jQuery, Menu, mobile, Plugin, scripts, Tutorials
UI Elements: Search Box with Filter and Large Drop Down Menu
Jul 27, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
This search box reveals a drop down menu after the user clicks into the input field. The menu is meant to act as a filter with several checkbox options that allow the user to select specific categories for his search. When the user hovers out of the input or the filter box, the drop down will disappear.
Tags: featured, filter, free-resources, gallery, HTML, JavaScript, jQuery, Menu, mobile, PHP, Resources, search
SooperFish Multi-Column Animated Drop-down
Jul 17, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
SooperFish is an easy to use dropdown-menu plugin with total configuration control and clean code. Features: Automatic dual or triple columns based on number of child menu items Optional delay before hiding menu on mouse-out Optional automatic indicator arrows (in black or white) Configurable show AND hide animations Custom easing supported Works with jQuery backlava plugin (optionally) Works fine with Javascript disabled Comes with several free themes to demonstrate styling 3.65kb uncompressed 2.01kb minified Website: http://plugins.jquery.com/project/SooperFish Demo: http://www.sooperthemes.com/sites/default/files/SooperFish/example.html/
Tags: Ajax, animated, dropdown, featured, JavaScript, jQuery, Menu, multi-column, PHP, Resources, stock photos, Tutorials
Mega Drop-Down Menu with jQuery
Jul 2, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
The best mega drop-down menus contain simple, logical groups of information — so they’re easy to scan and navigate. Keep them simple — avoid using complex GUI items or other fiddly interactive elements. A mega drop-down menu should only appear after the user has been hovering for 0.5 seconds.
Tags: brushes, CSS, drop-down, featured, free-resources, Menu, PHP, Resources, stock photos, Tools
Fading Navigation
Jul 1, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
Given tutorial will walk you through creating a basic fading navigation, and provide tips to avoid some common pitfalls. In one sentence, the idea is to create a cover image and fade it in and out on hover. Website: http://labs.dragoninteractive.com/pufferfish_article.php Demo: http://labs.dragoninteractive.com/pufferfish_demo/
Tags: Design, fading-navigation, flash, Menu, Resources, slow, Tools, Tutorials
BubbleUp jQuery Plugin to Spice Up Your Menu
Apr 3, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
Hey friend, in the previous jQuery Learning tutorial, I wrote an article that helps you to create your own jQuery plugin with the fun zooming effect. This plugin has received a lot of attention for a while and there are some suggestion from you guys to help this plugin to be better. I collected some interesting recommendations and bug fixes from my readers to write it again and release it.
Direct Link Read the rest of this entry »
Tags: bubble effect, inspiration, jquery plugin, Menu, PHP, Plugin, query-plugin, Resources, Tools, tooltip
Track Clicks Outside Active Elements with MooTools or jQuery
Mar 18, 2010 Ajax, CSS, General, HTML, JavaScript, PHP, Resources, Tutorials, Wordpress
Buried in the MooTools and jQuery code from my Twitter Dropdowns posts was a small but useful snippet of code: hide an “active” element when the user clicks outside of the elements. Take a look at the image above. When you click the “Menu 1″ button, the dropdown menu displays.
Direct Link Read the rest of this entry »
Tags: Ajax, browsers, CSS, Facebook, Menu, microsoft, PHP, Tutorials, twitter, xml-xhtml
How to Build a Lava-Lamp Style Navigation Menu
Mar 13, 2010 Ajax, CMS, CSS, General, HTML, JavaScript, PHP, Tutorials, Wordpress
A couple weeks ago , I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library.
Tags: articles, CMS, CSS, HTML, javascript & ajax, jQuery, Menu, Plugin, Tutorials
