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. To begin, we need to define our basic menu hierarchy. In order to maintain a structured and semantic approach to this, we will use nothing more than unordered lists of standard links.
jQuery & CSS Example – Dropdown Menu | Design Reviver
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. Now lets take a look at the html for this example.
jQuery Examples – Horizontal Accordion | Design Reviver
jQuery Tutorials for Designers
First you need to download a copy of jQuery and insert it in your html page (preferably within the tag). Then you need to write functions to tell jQuery what to do. The diagram below explains the detail how jQuery work: How to get the element? Writing jQuery function is relatively easy (thanks to the wonderful documentation ). The key point you have to learn is how to get the exact element that you want to apply the effects.
JQuery: 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.For every link, we add a click event that triggers the AJAX request. During the request, we transition the containing element to a red background. When the AJAX request returns a "success" response, we slide the element off of the screen.
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
gauge.js (javascript programmable gauge)
cvi: home cvi: lab cvi: dev snapfit.js mapzoom.js shiftzoom.js tripleb.js booklet.js loupe.js busy.js mapper.js slided.js glossy.js corner.js transm.js gauge.js filmed.js edge.js sphere.js bevel.js curl.js instant.js reflex.js
Superfish - Suckerfish on 'roids
Viewing this example in Internet Explorer will show that the sub-menus appear above the elements, as they should. If your layout makes it likely that the sub-menus will be required to overlap form elements you will run into a bug in Internet Explorer 6 whereby the select elements appear above the sub-menus. You can fix this by applying Brandon Aaron’s bgIframe plugin like this: 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:Viewing this example in Internet Explorer will show that the sub-menus appear above the elements, as they should. If your layout makes it likely that the sub-menus will be required to overlap form elements you will run into a bug in Internet Explorer 6 whereby the select elements appear above the sub-menus. You can fix this by applying Brandon Aaron’s bgIframe plugin like this: 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:
Superfish - Suckerfish on 'roids