Just nu i M3-nätverket
Gå till innehåll

Onmouseover


herr.larsson

Rekommendera Poster

herr.larsson

behöver lite hjälp med att fixa en onmouseover funktion i HTML, inte i javascript, kan någon göra ett sånt exempel.

vill att när man markerar en bild som är en länk så ska den byta utseende till en annan bild. nån som kan kan skriva det i html så skulle jag upskatta det :D

 

Länk till kommentar
Dela på andra webbplatser

Anjuna Moon

Det enda sätt du kan göra detta på, utan att använda länkankare (< A >) och sedan sätta deras hover-selektorer till den stil du vill ha. Detta pga. att inte alla läsare stödjer hover-effekter i css för godtyckliga element.

 

Du skulle alltså kunna inkludera följande inom HEAD-taggarna:

<style>
.HoverBild {
background-image:url(1.jpg);
width:200px;
height:200px;
display:block;
}
.HoverBild:HOVER {
background-image:url(2.jpg);
}
</style>

(ändra width och height till rätt dimensioner)

 

Istället för att använda en IMG blir du tvungen att använda en A-tagg där bilden skall visas, enligt:

<a href="#" class="HoverBild"></a>

 

[inlägget ändrat 2008-07-26 14:46:56 av Anjuna Moon]

Länk till kommentar
Dela på andra webbplatser

herr.larsson

jag vill inte ha koden i java eller css

och den ska även innehålla en ""OnMouseOut"

 

 

Länk till kommentar
Dela på andra webbplatser

Varför inte CSS??

 

och den ska även innehålla en ""OnMouseOut"
onMouseOut ÄR javascript! Trodde inte du ville ha varken java (*LOL*) eller javascript....

 

Anjunas kod ovan gör ju precis det du vill utan något skript.

 

 

/Cluster

------------------------------------------------------

I do not fear computers. I fear the lack of them

--------> http://eforum.kicks-ass.net <---------

 

Länk till kommentar
Dela på andra webbplatser

Anjuna Moon
jag vill inte ha koden i java eller css

Cluster har redan anmärkt på din okunskap, men jag inväntar gärna ditt svar.

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...