Comment faire Pivoter une Div en JavaScript

Comment faire Pivoter une Div en JavaScript

La page d'accueil pour de nombreux sites web d'aujourd'hui contient une serie d'images pour faire pivoter ou glisser dans et hors de la page. Cette fonctionnalite est implementee par la creation d'une unique balise

avec plusieurs images et en utilisant le JavaScript "setInterval" methode pour faire pivoter la balise

sur un calendrier prevu, de sorte que seule une image est affichee a la fois. Le JavaScript de rotation est souvent accompagne par des effets d'animation de fondu ou de glisser des images ou du texte dans et hors de la balise

. La bibliotheque jQuery fournit un moyen facile de selectionner des images et de mettre en œuvre une animation de rotation.

avec plusieurs images et en utilisant le JavaScript 'setInterval' methode pour faire pivoter la balise

sur un calendrier prevu, de sorte que seule une image est affichee a la fois. Le JavaScript de rotation est souvent accompagne par des effets d'animation de fondu ou de glisser des images ou du texte dans et hors de la balise

. La bibliotheque jQuery fournit un moyen facile de selectionner des images et de mettre en œuvre une animation de rotation.

• Creer un nouveau document HTML a l'aide du bloc-notes ou un editeur HTML. Inserer des en-tetes HTML dans le document:
  
  
  
  
  
• Creer un style CSS pour la balise
  pour etre tourne. Definir la position, la largeur, la hauteur et la couleur d'arriere-plan pour la balise

  . Desactiver l'affichage des images dans la balise

  et activer l'affichage de l'image avec le nom de la classe 'active':
  
• Inserer la bibliotheque jQuery dans le document, y compris a partir d'une source publique, tels que Google Api:
  
  
• Inserer la balise
  dans le corps du document, et d'attribuer le 'active' de la classe a la premiere image:
  
  

  
  http://l.yimg.com/g/images/soup-discover.jpg' width='979' height='349' alt='Image1' class='active'>
  http://l.yimg.com/g/images/soup_hero_124.jpg.v1' width='979' height='349' alt='Image2'>
  http://l.yimg.com/g/images/soup_hero_jessica.jpg.v1' width='979' height='349' alt='Image3'>
  http://l.yimg.com/g/images/soup_hero_alejokirchuk.jpg.v1' width='979' height='349' alt='Image4'>
  

  
  
  
d'Autres Personnes Sont la Lecture

• Comment Charger SVG a DIV>
• Comment Animer un DIV D'Affichage None pour Bloquer en jQuery
• Enregistrez le document. L'ouvrir dans un navigateur et de regarder les images dans la balise
  rotation sur l'ecran par en fondu toutes les cinq secondes.

Comment faire Pivoter une Div en JavaScript

By commentfaire

La page d'accueil pour de nombreux sites web d'aujourd'hui contient une série d'images pour faire pivoter ou glisser dans et hors de la page. Cette fonctionnalité est implémentée par la création d'une unique balise

avec plusieurs images et en utilisant le JavaScript "setInterval" méthode pour faire pivoter la balise

sur un calendrier prévu, de sorte que seule une image est affichée à la fois. Le JavaScript de rotation est souvent accompagné par des effets d'animation de fondu ou de glisser des images ou du texte dans et hors de la balise

. La bibliothèque jQuery fournit un moyen facile de sélectionner des images et de mettre en œuvre une animation de rotation.

Recommander aux amis

• 
• 
• 
•