| 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 faire pour activer et désactiver une musique image en JavaScript
    JavaScript est un langage de script qui peuvent être inclus dans une page Web , s'exécute dans un navigateur Web et peut être accessible après chargement de la page Web. Ces caractéristiques font JavaScript idéal pour ajouter de l'interactivité aux éléments de conception d'une page Web, leur permettant de fournir des réponses basées sur les actions de l'utilisateur . Par exemple, supposons que lorsqu'un utilisateur place le curseur sur une image, un fichier de musique devrait jouer . Ce type d'interaction dynamique peut être implémentée en utilisant JavaScript. Instructions
    1

    Utilisez votre navigateur Web pour ouvrir un moteur de recherche et la recherche d' une image libre ( . Jpeg) à utiliser dans votre page Web. Télécharger l'image et l'enregistrer. En outre , la recherche d' un fichier audio libre ( . Mp3) et télécharger le fichier au même endroit .
    2

    Créer un nouveau fichier dans un éditeur de texte appelé " imagesound.htm " et enregistrez-le. Ce fichier contiendra l'image et l' audio , ainsi que des fonctions JavaScript qui activer et désactiver la musique basée sur les actions de l'utilisateur . Il doit être formaté comme
    3

    Modifier deux fonctions JavaScript à l'intérieur du " " et "< /head> " tags imagesound.htm et le lieu. La première fonction sera appelée lorsque l'utilisateur place son curseur sur l'image et la deuxième fonction sera appelée lorsque l'utilisateur déplace son curseur loin de l'image . Placez les fonctions à l'intérieur JavaScript Photos

    Photos


    Photos

    Photos


    7

    Ajouter un " élément " à imagesound.htm . Placer l'élément en dessous de l'image et de l'identifier avec l'identifiant « hidden_span ' . "



    < Langage de script = " "type =" javascript text /javascript " > Photos

    fonction enableSound ( fichier son ) {

    document.getElementById (' hidden_span ') . innerHTML =" < type d'objet = \\ " audio /x - mpeg \\ " data = \\ " "+ soundfile +" \\ "width = \\" 0 \\ "height = \\" 0 \\ "hidden = \\" true \\ ">" ; }

    < br > fonction

    disableSound () {

    document.getElementById (' hidden_span ') innerHTML = ""; .

    }

    Photos

    Photos


    Photos

    Photos

    Photos

    < br > Photos 8

    Enregistrer " imagesound.htm " au même endroit que les fichiers image et audio . Ouvrez imagesound.htm dans un navigateur Web et d'utiliser votre curseur pour activer et désactiver le fichier de musique .

    Previous :

    next :
      articles connexes
    ·Structure de JavaScript 
    ·Comment faire pour modifier une lettre dans Acajoom 
    ·Comment changer le texte HTML Avec Variables Javascript…
    ·Comment utiliser JavaScript et PHP dans le formulaire V…
    ·Comment dessiner une polyligne ayant un réseau de site…
    ·Comment changer la couleur du texte en JavaScript 
    ·Comment faire un Dockable de menu avec Javascript 
    ·Javascript Galerie Tutorial 
    ·Comment faire défiler en JavaScript 
    ·Histoire de Javascript 
      articles en vedette
    ·Comment faire pour convertir Infixe à Postfix utilisan…
    ·Comment faire pour modifier TreeNode De TreeView en VB.…
    ·Comment faire pour exécuter Python De Bash 
    ·Une façon de rompre de longues lignes en CSS 
    ·Qu'est-ce qu'une fonction inconnue XSLT 
    ·Comment faire pour installer RubyGems 
    ·Comment écrire un programme en Java que les entrées d…
    ·Comment lire un fichier CBZ 
    ·Concepts de MATLAB 
    ·Comment faire pour effacer l'écran en Python Programma…
    Copyright © Connaissances Informatiques http://fr.wingwit.com