| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    Comment déplacer une image par X & Y en JavaScript
    JavaScript peut modifier en cascade des informations de feuille de style sur une page Web , permettant une image pour être déplacé dans différentes positions sur la page, en fonction des commentaires des utilisateurs. Un exemple de ceci est une démonstration HTML , le style et JavaScript qui permet une image pour être déplacé autour de la page de façon aléatoire lorsque le curseur de la souris est placé sur elle. Pour y parvenir, les attributs de position de l'image sont modifiées , comme les événements de souris se produisent plus . Choses que vous devez
    texte éditeur
    navigateur Web
    Afficher plus Instructions
    1

    Ouvrez un nouveau document dans l'éditeur de texte . Enregistrez le fichier sous " moveimage.html . "
    2

    Write document de tête de code

    < DOCTYPE html PUBLIC " - . ! //W3C //DTD XHTML 1.0 Strict //FR "

    " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> Photos

    < html xmlns = " http://www .w3.org/1999/xhtml "> Photos


    Déplacer l'image Photos

    < contenu meta = " text /html . charset = utf-8 " http -equiv =" Content-Type "/>
    3

    Write document de code de style

    < style type = "text /css" > Photos

    # jeux video

    {
    position

    : absolute;

    z -index: 0;

    visibility: visible ;

    haut : 10em ;

    gauche : 10em ;
    largeur de

    : 5em ;
    hauteur de

    : 5em

    } Photos


    4

    Write document de code JavaScript.

    Photos


    5

    écrire le document code du corps .



    Photos


    6

    Ouvrir ce fichier dans le navigateur Web. Déplacez le pointeur de la souris sur l'image et il va passer à une nouvelle position sur la page .

    Previous :

    next :
      articles connexes
    ·Tableau JavaScript Tutoriel 
    ·Comment comparer les objets Date dans JavaScript 
    ·Comment prévenir Copy & Paste 
    ·Comment gérer les anciens navigateurs avec JavaScript 
    ·Comment désactiver HTML sélection de texte 
    ·Tutoriel sur jQuery et Google Maps 
    ·Comment créer un Vista Sidebar Gadget 
    ·Comment changer le texte HTML dans les entrées jQuery 
    ·Comment importer VMWare disque dans VirtualBox 
    ·Comment faire pour masquer par classe en JavaScript 
      articles en vedette
    ·Comment un texte d'ancrage à un article 
    ·Comment réparer Runtime Error 2147467259 
    ·Méthodes ArrayList en Java 
    ·Erreurs de port non numériques en Python 
    ·Comment aplatir une liste imbriquée dans Python 
    ·Comment ajouter du texte dans un fichier INP par Python…
    ·Comprendre ActiveX et OLE 
    ·Comment autoriser Java pour écrire des fichiers dans W…
    ·Comment calculer la somme de 3 chiffres dans Visual Bas…
    ·Comment utiliser Asp.net pour rediriger les fichiers HT…
    Copyright © Connaissances Informatiques http://fr.wingwit.com