Dans ce tutoriel, je vais vous montrez comment mettre en place une navigation sans rechargement de page sur votre site. Evidement grâce à l'aide je jQuery

Donc en gros, toutes vos pages se chargeront dans la page courante, exactement comme mes pages “A propos”, “Archives”, “Contact” et “Plan du site”. Bon, allez jeter un oeil sur la demo ..

Voici comment faire des info-bulles (tooltip) très facilement grâce à jquery.

Avec en plus la possibilité d'y inclure une pré visualisation d'image !

JQuery tente de s'imposer dans le monde du web2.0 et à entièrement réussi son paris. Son code est très simple, intuitif et vraiment efficace. Le principe de jQuery est d'écrire le moins de code possible afin d'en réaliser le plus possible.

Voici aujourd'hui un petit tutoriel afin de réaliser un superbe menu animé avec jQuery. Notre menu est animé à l'aide d'une technique d'animation nommé "easing". Mais qu'est-ce que le "easing" ? Selon Adobe, le terme "easing" se rapporte à l'accélération ou la décélération graduelle, durant une animation, qui permet de rendre vos animations plus réalistes. Easing crée une accélération ou une décélération d'apparence plus naturelle en ajustant graduellement le taux de modification.

L’idée est donc de pouvoir faire un cadre arrondi à n’importe quel élément d’une page sans répéter son code, en utilisant la librairie jQuery vu qu’elle est fournit en standard avec WordPress (ce qui m’arrange puisque mon problème concerne un futur thème WordPress) et en utilisant une seule image pour les quatres coins

La mode du web 2.0 nous a apporté beaucoup de nouvelle approche au niveau des éléments affichables sur une page web.

C'est dans cette ordre d'idée que nous avons vue apparaître les Sliders.

Mais qu'est-ce qu'un sliders ? Un sliders en gros permet dans un espace restreint par exemple 250 pixel d'y faire défiler manuellement à l'aide d'un bouton plusieurs texte ou image.

Les onglets sont de plus en plus répandu et de plus en plus apprécié. Par contre, lorsque ces derniers sont plus de 3 ou 4, il peut devenir vite ennuyant de d'utiliser ce type de navigation. Donc il devient nécessaire d'offrir au utilisateur une alternative afin de doter vos onglets d'une navigation plus facile grâce un bouton Suivant/Précédent fonctionnant à l'aide de jQuery et permettant la navigation entre chaque onglet.

JQuery est une bibliothèque Javascript qui porte sur l'interaction entre JavaScript et HTML.

La première version date de janvier 2006.

This is Tutorialzine's demo site, where we demonstrate some of the techniques we use in our tutorials. You are presented with a working example and a download link for a zip archive of each demo.