Skip to main content

Hur man spelar upp ett ljud på Klicka eller Rollover

Visste du detta om mixerbord? (April 2025)

Visste du detta om mixerbord? (April 2025)
Anonim

En av funktionerna i datorapplikationer är att det finns feedback när du gör något. Den vanligaste typen av feedback är ljud. Datorn klickar när du väljer saker, piper när det finns fel och gör andra ljud för att varna dig om situationer. Men webbsidor har inte denna typ av feedback. Detta gör att de verkar tråkiga eller icke-mottagliga.

Lyckligtvis är det lätt att ändra det. Med hjälp av dynamiska HTML-attribut och ljud kan du skapa en webbsida som fungerar mer som en applikation.

Lägg till ljud när en kund klickar något

Detta skript kommer att lägga till ljudeffekter när en kund klickar på något som använder attributet och när en kund rullar över något som använder attributet. Var noga med att testa dem i olika webbläsare, eftersom inte alla webbläsare hanterar mouseover och klick attribut på andra element än länkar.

Placera följande skript i HEADEN i ditt HTML-dokument:

Placera ljudet i en tom spänning

JavaScript placerar ett EMBED-element i ett tomt SPAN-element när skriptet initieras. Så måste du lägga till följande SPAN-tagg någonstans inom kroppen på din HTML-sida, helst nära toppen av dokumentet:

Ring skriptet med en egenskap

Det sista du behöver lägga till är ett element som du vill skapa ljudet på klicka eller på mouseover. Ring skriptet med en av dessa attribut. Byt ut UrlToSoundFile med hela webbadressen till ljudfilen du vill att den ska spela:

Klicka här för att höra ett ljud<> onmouseover = "Playsound ( 'UrlToSoundFile');" > Mus över denna text för att höra ett ljud

Här är hela HTML-dokumentet, spelar ljudet av en bluejay. Ljudfilen lagras i samma katalog som HTML-sidan:

Exempel på hur man spelar ett ljud på Klicka eller på MouseOver

Klicka här för att höra en fågel sjunga

<> onmouseover = "Playsound ( 'zbluejay.wav');" > Eller du kan lägga musen över den här paragrafen för att höra samma fågeljud.