Hvordan Endre knappen på Mouse

Hvordan Endre knappen på Mouse


Du kan animere tekst, bilder og knapper på din webside med mouse hendelsen. Den lar deg manipulere HTML kode basert på en brukers handlinger. Mouse arbeider hånd i hånd med mouseout hendelsen. Mouseover fungerer når musen ruller over et objekt, mens mouseout fungerer når objektet ikke lenger valgt. Du kan bruke Mouse å endre teksten og farge på knapper med noen få linjer med Javascript.

Bruksanvisning

1 Start en tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad. Velg "File" og "Open" fra menyen og dobbeltklikk på HTML-filen du ønsker å endre.

2 Bla til <BODY> tag av filen, hvor knappen går.

3 Sett inn følgende kode for å endre knappens tekst med musen:

<Input type = "button" value = "Klikk for å endre meg" onmouseover = "this.value = 'On'" onmouseout = "this.value = 'Off'" />

4 Erstatt "Klikk for å endre meg" med den opprinnelige teksten som vises før mouse. Erstatt "På" med teksten som vises når du ruller over knappen. Erstatt "Off" med teksten som vises når musen ruller av-knappen.

5 Sett inn følgende kode for å endre knappens farge med musen. Den opprinnelige fargen på knappen er rød.

<Input type = "button" value = "Endre farge" style = "background-color: red;"

onmouseover = "this.style.backgroundColor =" blå ""

onmouseout = "this.style.backgroundColor =" gule "" />

6 Erstatt "rød" med den opprinnelige fargen på knappen før mouse. Erstatt "blue" med fargen som vises når du ruller over knappen. Erstatt "gul" med den fargen som vises når musen ruller av-knappen.