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); }
;
