Come fare Hover suoni in una pagina Web

October 31

Come fare Hover suoni in una pagina Web


Durante la creazione di una pagina web, è possibile rendere l'esperienza Web per gli utenti un ricco di contenuti di uno se si include suoni sulla pagina. Uno dei tipi di suoni che è possibile includere è un suono hover. Il suono hover gioca quando si scorre sopra una certa immagine o un grafico con il cursore. Per rendere hover suona su una pagina web, è necessario avere almeno una certa esperienza di base di lavoro con HTML e Javascript.

istruzione

1 Accedi al tuo web server e passare alla pagina in cui si desidera fare i suoni hover.

2 Fare clic sulla pagina in qualsiasi area tra i tag <body> e </ body> tag.

3 Copiare il seguente codice e incollarlo nella tua pagina:

"<EMBED SRC =" yoursound.mid "autostart =" false "hidden =" true ">

<Script language = "JavaScript">

<! -

funzione playHome ()

{

if (document.all)

{

document.all.sound.src = "yoursound.mid";

}

}

// ->

</ SCRIPT>

<Bgsound id = "suono">

<A HREF="http://www.websitelink.com" onMouseover="playHome()">

img src = http: //www.websitelink.com/images/photo1.jpg </A> "

Non includere l'apertura e la parentesi di chiusura.

4 Sostituire le sezioni che dicono "yoursound.mid" con il nome del file effettivo per il suono che si desidera riprodurre quando il cursore passa sopra l'immagine.

5 Sostituire "http://www.websitelink.com" con l'URL della pagina web che si aprirà quando l'utente fa clic sull'immagine su cui il cursore è in bilico.

6 Sostituire "http://www.websitelink.com/images/photo1.jpg" con il percorso del file effettiva dell'immagine in cui è incorporato il suono hover.

7 Fare clic su 'Pubblica. "Ora avete fatto un suono hover su una pagina web.

Consigli e avvertenze

  • Ripetere la procedura per rendere più suoni al passaggio del mouse sulla pagina web.