Ändra bakgrundsbild i textarean
med muspekaren

Med den här metoden kan du använda två olika bilder som bakgrund i en textarea. Den ena bilden visas när sidan laddats, den andra när besökaren för muspekaren över textarean.

Var försiktig i valet av bilder - med tanke på att texten skall synas. I Internet Explorer scrollas bilden tillsammans med texten, men i Netscape ligger bilden stilla.

Min text Din text Alla vackra flickors text

1. Lägg STYLE-taggen i HEAD-elementet. Ändra 800.jpg och 801.jpg till dina egna bilder. Ändra "color" till textfärger som ger en bra konstrast mot respektive bild. Ändra "background-color" till färger som ligger nära dina respektive bakgrundsbilder. Lägg märke till att jag har satt "font-size" till px- i stället för pt-värden. Det beror på att jag har använt två teckensnitt - en serif och en sans-serif. Om teckensnittets storlek då är satt till ett pt-värde, kommer textarean att ändra storlek när teckensnittet ändras. Om du använder samma teckensnitt och teckenstorlek till båda bakgrundsbilderna, kan du som vanligt sätta teckensnittets storlek till ett pt-värde. Du kan utesluta raderna "font-family" och "font-size" helt om du vill använda standardteckensnittet, men anpassa ändå färgen ("color") till bilderna. <STYLE> textarea.Bild1{ background-color:EADADA; background-image:url(800.jpg); font-family:arial, sans-serif; font-size:14px; color:FF0000; } textarea.Bild2{ background-color:A7E3A7; background-image:url(801.jpg); font-family:"Times New Roman"; font-size:14px; color:008000; } </STYLE> 2. Koden till textarean placerar du där den skall visas på sidan. Anropet av klassen Bild1 kommer att visa denna bild när sidan laddas. När muspekaren förs över textarean ändras bilden till Bild2 och när muspekaren flyttas utanför textarean återkommer Bild1. <TEXTAREA rows="5" cols="45" class="Bild1" onMouseOver="this.className='Bild2'" onMouseOut="this.className='Bild1'"> Min text Din text Alla vackra flickors text </TEXTAREA>

Ändra bakgrundsbild i textarean med muspekaren

Ändra bakgrundsbild i textarean
med muspekaren