8 Tutorials jQuery Fantastic for Designers
Mars 29, 2008 par · chriscoyier 7 Commentaires 
Glisser et l'effet tiroir
L'effet est communément connu comme un "accordéon", et il est généralement utilisé pour glisser de haut ou le bas des blocs de contenu pour exposer de nouveaux blocs. Le site web d'Apple est une grande démonstration de cet effet dans l'action, où la souris se pose sur le titre de la «section» et les liens sont exposés. Ce qui rend cet effet particulièrement cool, c'est que les tiroirs de maintenir une hauteur fixe et glisser entre zone réglementée.
Chaîne d'effets de transition en mesure
Voyons maintenant le pouvoir de chainability jQuery. Avec juste quelques lignes de code, je peux faire voler autour de la boîte avec le détartrage et la décoloration de transition.
VISITE TUTORIAL (# 6)
Voir la démo
jQuery Tabs
Tabulation a été le lieu commun sur l'Internet depuis quelque temps déjà. Sites web d'aujourd'hui fera usage de tabulation sans avoir à recharger la page avec l'ajout de JavaScript. Pour ce tutoriel, j'ai créé deux screencasts montrant comment appliquer rapidement un tableau de bord de jQuery pour différentes configurations de balisage, qui, si le balisage est bien conçu, il sera automatiquement dégrader bien sans Javascript.
Création d'un graphique modifiable
Visualisation de données en HTML a longtemps été difficile à réaliser. Solutions précédentes ont participé ajouts non-standards, le comportement des propriétaires et des images statiques. Mais cela a changé avec la croissance récente de l'appui pour le nouvel élément HTML Canvas, qui offre un tirant parti des API natives qui peuvent être traitées avec de simples Javascript.
Easy Transfer Multi Select avec jQuery
Je suis sûr qu'à un moment ou un autre vous avez rencontré un widget forme comme celle ci-dessous, ce qui permet des options pour être échangés d'un Multi Select à l'autre.
VISITE TUTORIAL
Démo en direct au coeur de tutoriel
jQuery Hover Sous Tag Cloud
Lorsque les nuages de tags, utilisés correctement, ils peuvent offrir aux visiteurs une illustration instantanées des principaux thèmes du contenu du site. Et même si nous n'avons pas fait ce choix beaucoup plus à leur élaboration, on peut encore trouver la bonne voie pour trouver des approches de conception et des solutions nouvelles. Voici une nouvelle approche: utiliser jQuery pour réduire la taille du nuage de tags que vous avez sur vos sites.
Slider Gallery
Ce curseur "produit" est semblable à une galerie en avant droite, sauf qu'il ya un curseur pour naviguer dans les articles, c'est à dire le bit de l'utilisateur contrôle pour afficher les articles. Simple stuff. jQuery a déjà des plugins pour créer ces effets si nous n'avons pas à aller sur la création de nous-mêmes à partir de zéro.
Nouvelles Ticker
LiScroll est un plugin jQuery qui transforme n'importe quelle liste non-ordonnée donnée dans un code de défilement Nouvelles.
VISITE TUTORIAL
Démo en direct au coeur de tutoriel
Oh how perfect!
Je viens de commencer l'apprentissage jQuery et aujourd'hui ont quelque chose à pratiquer.
Merci!
Ceci est juste complication impressionnants pour jQuery. Merci pour ceci. Elle n'aurait jamais pu prendre mieux. À la vôtre.
Great Job! Tutoriels Very nice .... Je les aime tous!
Have a nice day
Le tag cloud démo sous-marin et démo accordéon se cassent si vous augmentez votre taille de police dans le navigateur. Signe de mauvais html / code CSS.
Peut-être que vous devriez vous inquiéter sur le langage HTML et CSS avant de se soucier javascript fantaisie.
L'effet onglet peut être fait très facilement avec quelques lignes de JS, sans jQuery.
Nice post ... continuez votre bon travail
Oh how perfect!
Je viens de commencer l'apprentissage jQuery et aujourd'hui ont quelque chose à pratiquer.
Merci!
Graphique Editable est grand, mais je ne peux pas utiliser avec JQuery 1.2.2 ou 1.2.3, il fonctionne uniquement avec la version 1.2.1.
Daniel