menu
Get flash to fully experience Pearltrees
slide
Dropdown menus and menu bars have been heavily used since the early days of graphical user interfaces. Their use has become ubiquitous, and even expected, in desktop applications, and the web has quickly followed suit. This article is intended to describe an extremely basic, yet extremely powerful, technique for adding dropdown menus in your application user interface or website design. The Finished Product Getting Started
jQuery & CSS Example – Dropdown Menu
Up until now I have always used Scriptaculous / Prototype for any Java Script animation and effects, but lately I’ve heard a lot of good things about jQuery. So, I thought I would give it a try, and start doing some experiments. In this example, I have created an accordion effect that reveals a caption for each thumbnail. I’ve done similar navigations like this in flash, so I wanted to see how it compared to doing it with jQuery. In order to use jQuery in your pages you first need to download the latest release and then include the Java Script library within your head tags. <script src="javascript/jquery-1.2.3.js" type="text/javascript"></script>
jQuery Examples – Horizontal Accordion
jQuery Tutorials for Designers
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don't know about jQuery , it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I'm not going to get into the details of the CSS. Note: the version used in this article is jQuery 1.2.3 View jQuery Demos
fonction val
Récupère le contenu de l'attribut "value" du premier élement de la sélection. Faites attention quand vous utilisez cette fonction pour récupérer la valeur d'élements de formulaire de type select multiple parce qu'ils peuvent recevoir un tableau de valeurs. Version : disponible depuis la version 1.0 de JQueryI'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with jQuery JavaScript. The PHP - Content & Header
Animated Ajax Record Deletion Using jQuery
L’un des sujets récurents de ce blog est la création de plugins jQuery . Ces plugins sont toujours construit selon le même principe. Je ne peux malheureusement pas répéter les mêmes explications à longueur d’articles pour ne pas les rendre encore plus longs et répétitifs. Pourtant, je ne peux pas non plus aborder la conception d’un plugin sans en développer les bases.
Bien débuter avec la conception de plugins jQuery | Jay Salvat, le Blog
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: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.
Superfish - Suckerfish on 'roids