Pelaaminen WAV Mouseover

Yksi tapa napata huomiota sivustosi kävijöitä on pelata WAV hiiri viedään sen päälle. Lisäämällä ääni, milloin kävijä leijuu hänen hiiri tietyn tiedoston linkkiä, hän kuulee äänen. Lisää minkäänlaista ääntä haluat, onko se lyhyt ilmoitus, hauska ääni tai musiikista. Muista, että kävijän hiiri vain leijuu linkin pari sekuntia. Tästä syystä pitää WAV lyhyt ja makea.

Ohjeet

1 Kirjaudu sisään "Ohjauspaneeli" sivuston. Klikkaa "File Directory."

2 Valitse "Upload" vaihtoehto. Selaa tietokoneen tiedostot paikantaa .wav tiedosto, jonka haluat käytettäväksi mouseover. Kaksoisnapsauta tiedostoa ladata sen Web hosting-palvelin.

Jos Web-isäntä ei anna lähettää Wav-tiedostoja, voit käyttää kolmannen osapuolen Verkkotallennustila, kuten FileDen, zshare ja MegaUpload.

3 Mene takaisin Tiedostohakemisto. Valitse HTML-tiedosto, joka sisältää mouseover vaikutus. Klikkaa "Muokkaa" käynnistää sivun HTML-editori.

4 Etsi "<head>" ja "</ head>" tageja sisällä HTML-editori-ikkunassa. Aseta seuraava koodi missä tahansa näiden kahden tageja. Muokkaa koodi korvaamalla geneerinen "yoursoundfile.wav" omalla wav-tiedoston nimi.

<Script language = "JavaScript"> <! -

// Preload ja toistaa äänitiedostoja tapahtumakäsittelijää (mouseover ääni)

var aySound = new Array ();

// Alla: lähde äänitiedostot esijännitettävä

aySound [0] = "yoursoundfile.wav";

// Älä muokkaa tämän viivan alapuolelle

document.write ("<BGSOUND tunnus =" auIEContainer ">")

IE = (navigator.appVersion.indexOf ("MSIE")! = - 1 && document.all)? 1: 0;

NS = (navigator.appName == "Netscape" && navigator.plugins ["LiveAudio"])? 1: 0;

ver4 = IE || NS? 1: 0;

onload = auPreload;

toiminto auPreload () {

jos (! ver4) tuotto;

jos (NS) auEmb = uusi Layer (0, ikkuna);

else {

Str = "<div id =" auEmb 'style =' position: absolute; "> </ div>";

document.body.insertAdjacentHTML ("BeforeEnd", Str);

}

var Str = '';

for (i = 0; i <aySound.length; i ++)

Str + = "<Liitä SRC =" "+ aySound [i] +" 'AUTOSTART = "FALSE" piilossa = TRUE> "

jos (IE) auEmb.innerHTML = Str;

else {

auEmb.document.open ();

auEmb.document.write (Str);

auEmb.document.close ();

}

auCon = IE? document.all.auIEContainer: auEmb;

auCon.control = auCtrl;

}

toimiakseen auCtrl (whSound, toisto) {

jos (IE) this.src = pelata? aySound [whSound]: '';

muu eval ("this.document.embeds [whSound]." + (pelata? "Play ()": "stop ()"))

}

toiminto PlaySound (whSound) {if (window.auCon) auCon.control (whSound, true); }

toiminto stopSound (whSound) {if (window.auCon) auCon.control (whSound, vääriä); }

// ->

</ Script>

5 Etsi "<body>" ja "</ body>" tageja sisällä HTML-editori ruutuun. Aseta seuraava koodi missä tahansa näiden kahden tageja. Muokkaa koodi korvaamalla geneeristen linkki omalla linkkiä.

<A HREF="clickthislinktogotoanewpage.html" onMouseOver="playSound(0)" onMouseOut="stopSound(0)"> </A>

6 Klikkaa "Tallenna" tallentaaksesi muutokset Web-sivulle.

Aiheeseen liittyviä artikkeleita