libs
Get flash to fully experience Pearltrees
Download Modernizr 2.6.2 Use the Development version to develop with and learn from. Then, when you’re ready for production, use the build tool below to pick only the tests you need. Generate!
Download Builder
jQuery WormHole creates invisible wormholes between arbitrary objects on a page. The edges of the objects become entrances/exits of the wormholes. Child objects dragged to an edge enter the wormhole and immediately start to exit at the other end, i.e. the opposite edge of the next object in the wormhole group. Try it out:
jQuery WormHole
Superfish - Suckerfish on 'roids
The result: The code: The simplest use, and a good starting point for new users: //link to the CSS files for this menu type <link rel="stylesheet" media="screen" href="superfish.css"> // link to the JavaScript files (hoverIntent is optional) // if you use hoverIntent, use the updated r7 version (see FAQ) <script src="hoverIntent.js"></script><script src="superfish.js"></script> // initialise Superfish <script> jQuery(document).ready(function(){ jQuery('ul.sf-menu').superfish(); }); </script> To create an all-vertical menu, simply add the class sf-vertical to the parent ul along with the usual sf-menu class (space-separated, eg. class="sf-menu sf-vertical"), and initialise as normal. For this example I will also demonstrate altering some of the options in order to create a slide-down animation and a longer delay on mouseout: