JavaScript

JavaScripti >> Efekti z ozadjem >> On mouse over druga slika v tekstarei

Opis:
Ko postavite miškin kazalec na textareo, se spremeni slika za ozadje v njej.

Primer:
Poglej spodnjo textareo, v kateri najdeš tudi kodo za ta efekt.

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

<style> textarea.imageOne{ background-color:000000; background-image:url('slika1.jpg'); color:FFFFFF } textarea.imageTwo{ background-color:000000; background-image:url('slika.jpg'); color:0000FF } </style>

Korak 2:
Preuredite <textarea> (nahaja se v <body> delu vaše spletne strani) v tem načinu:

<textarea
rows="12" cols="74"
class="imageOne"
onMouseOver="this.className='imageTwo'"
onMouseOut="this.className='imageOne'">
.
.
.
vaš tekst
.
.
.
</textarea>