De nombreux sites utilisent aujourd'hui un langage de programmation appelé jQuery pour présenter le contenu de façon dynamique et convaincante tout en offrant une expérience utilisateur Web uniques. Coulissantes domaines de contenu peuvent être mises en œuvre avec le langage jQuery. Ce tutoriel vous guidera à travers les étapes nécessaires pour créer une zone de contenu horizontalement et verticalement coulissante. Instructions
créer les ID div pour chaque zone de contenu. L'exemple de code suivant montre comment créer un div et objets de classe qui seront ensuite référencé dans le code suivant:
< div id = "masque > Photos
2
utiliser les CSS pour définir la façon dont la zone de contenu va se comporter quand il glisse et de références à la classe que vous avez créé , par exemple :
body {
hauteur de
: 100%;
< p. > Largeur : 95% ;
marge
: 0; padding: 0; }
# wrapper {
largeur de
: 500% ;
hauteur de
: 100%;
background- color: # eee ;
}
pour les hôtels. point {
largeur de
: 400px ;
hauteur de
: 300px ;
top : 20%;
marge
: 0 auto ;
fond -color: # AAA;
position
: . relative;
}
modifier les variables dans chaque élément ci-dessus et ajouter ou supprimer des éléments CSS supplémentaires si nécessaire
< . br> 3
Ecrire la fonction javascript jQuery , qui va les utiliser à vos classes pour présenter du contenu tel que défini dans le fichier CSS l'exemple suivant montre comment des commentaires que vous pouvez manipuler les classes et les zones de contenu :
$ (document) . ready ( function () {
//obtenir tous les maillons de la classe panneau
$ (' a.panel ') . cliquez sur ( function () {
//réinitialiser le lien qui vous surbrillance et sélectionnée l'élément en cours pour la redimensionner
courant = $ (this); }
;
