Bawo ni lati ṣe Dun Ohun kan lori Tẹ tabi Rollover

Lo HTML to Yiyi lati Dun Awọn ohun

Ọkan ninu awọn ẹya ara ẹrọ ti awọn ohun elo kọmputa jẹ pe awọn esi wa nigbati o ba ṣe nkan kan. Ọna ti o wọpọ julọ ni esi jẹ ohun to dara. Kọmputa naa tẹ nigbati o ba yan ohun, gbọ ariwo nigbati awọn aṣiṣe wa, ati ki o ṣe awọn idaniloju miiran lati ṣalaaye ọ si awọn ipo. Ṣugbọn oju-iwe ayelujara ko ni iru esi yii. Eyi jẹ ki wọn dabi alaigbọran tabi awọn ti kii ṣe idahun.

Oriire o rọrun lati yi eyi pada. Lilo awọn ero HTML ti o lagbara ati awọn ohun, o le ṣẹda oju-iwe ayelujara kan ti o n ṣe diẹ sii bi ohun elo kan.

Fi didun kun Nigba ti Onibara ba tẹ Ohunkan kan

Iwe akosile yii yoo fikun ipa didun ohun nigbati alabara ba tẹ si nkan ti o nlo apẹrẹ ati nigbati alabara kan ba fi oju si ohun ti o nlo apẹrẹ. Rii daju lati dán wọn wò ni awọn aṣàwákiri oriṣiriṣi, bi ko ṣe gbogbo aṣàwákiri wẹẹbù mu onmouseover ati awọn ẹda loriclick lori awọn eroja miiran ju awọn ìjápọ.

Fi awọn akosile wọnyi silẹ ni HEAD ti iwe HTML rẹ:

iṣẹ playSound (soundfile) {document.getElementById ("danu"). innerHTML = ""; }

Gbe Ohùn ni Akokọ Akoko

Awọn JavaScript ibiti a ti ṣe EMBED sinu ohun ti o sọfo SPAN nigbati akọọlẹ ti bẹrẹ. Nitorina, o nilo lati fi aaye SPAN yii kun ni ibikan laarin BODY ti oju-iwe HTML rẹ, pelu sunmọ oke iwe naa:

Pe Akosile Pẹlu Irisi kan

Ohun ikẹhin ti o nilo lati fi kun jẹ ẹya ti o fẹ lati ṣe igbasilẹ ohun naa ni tẹ tabi lori isinmi. Pe akosile pẹlu ọkan ninu awọn eroja wọnyi. Rọpo UrlToSoundFile pẹlu URL ti o kun si faili ti o fẹ lati mu ṣiṣẹ:

onclick = "playSound ('UrlToSoundFile');" > Tẹ nibi lati gbọ ohun

onmouseover = "playSound ('UrlToSoundFile');" > Asin lori ọrọ yii lati gbọ ohun kan

Eyi ni gbogbo iwe HTML, ti ndun ohun ti bluejay kan. Faili faili ti o wa ni itanna kanna bi oju-iwe HTML:

Apẹẹrẹ ti Bawo ni lati ṣe Dun ohun kan lori Tẹ tabi lori Asin-ije iṣẹ playSound (soundfile) {document.getElementById ("danu"). innerHTML = ""; }

onclick = "playSound ('zbluejay.wav');" > Tẹ nibi lati gbọ ẹiyẹ kan

onmouseover = "playSound ('zbluejay.wav');" > Tabi o le fi asin rẹ sori apẹrẹ yii lati gbọ ohùn ohun eye kanna.