Hoppa till innehåll

Foto

Onmouseover


  • Vänligen logga in för att kunna svara
4 svar till detta ämne

#1 herr.larsson

herr.larsson

    Användare

  • Medlemmar
  • PipPip
  • 33 inlägg

Postad 26 juli 2008 klockan 13:26

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


#2 Anjuna Moon

Anjuna Moon

    Systemutvecklare .Net

  • Medlemmar
  • PipPipPipPipPipPip
  • 20 267 inlägg
  • Ort:Solna

Postad 26 juli 2008 klockan 13:45

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]

#3 herr.larsson

herr.larsson

    Användare

  • Medlemmar
  • PipPip
  • 33 inlägg

Postad 26 juli 2008 klockan 21:28

jag vill inte ha koden i java eller css
och den ska även innehålla en ""OnMouseOut"



#4 Cluster

Cluster

    Omniscient

  • Moderatorer
  • 7 983 inlägg

Postad 27 juli 2008 klockan 18:49

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 <---------


#5 Anjuna Moon

Anjuna Moon

    Systemutvecklare .Net

  • Medlemmar
  • PipPipPipPipPipPip
  • 20 267 inlägg
  • Ort:Solna

Postad 27 juli 2008 klockan 19:21

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.





0 användare läser detta ämne

0 medlemmar, 0 gäster, 0 anonyma medlemmar

 

Senaste trådarna

pc för alla Senaste nytt

  • Därför kräver Facebook Messenger för att chatta

    2014-jul-29, 08:11
    Använder du Facebook för att chatta med med dina vänner på mobilen kommer du snart tvingas att installera appen Messenger.
  • Amazon satsar på 3d-utskrifter

    2014-jul-29, 05:18
    Den amerikanska e-handelsjätten Amazon har öppnat upp en ny portal som erbjuder 3d-utskrifter på efterfrågan.
  • TV Sverige: Behändig box för hemmaplan

    2014-jul-28, 14:00
    TV Nordics lilla mediaspelare är som ett mellanting mellan Apple TV och Google Chromecast. Fast något snålt med funktioner och väldigt, väldigt sve...
  • Microsoft hånar Siri i ny reklamfilm

    2014-jul-28, 10:47
    I en ny reklamfilm antyder Microsoft att företagets Cortana är en långt bättre digital assistent än Apples Siri.
  • Pirate Bay satsar mobilt

    2014-jul-28, 07:00
    Efter nästan tio år har Pirate Bay släppt en ny version av fildelarsajten som nu fungerar på mobila enheter.
  • 6 sajter att besöka i dag på Bellmandagen

    2014-jul-26, 07:01
    I dag, 26 juli, är det Bellmandagen. Det firas på bland annat Skansen, men även du därhemma kanske vill plocka fram några epistlar och sjunga och s...
  • 13 gratis tidsfördriv för regniga sommardagar

    2014-jul-25, 14:29
    Regn? Inga vänner hemma? Då och då är det skönt med enkla "tidsdödarspel", som får fylla stunderna i väntan på något annat.
  • Här är hotellen med snabbast internet

    2014-jul-25, 10:40
    Är internet viktigt för dig när du är ute och reser finns det nu en smart guide som visar hotellen med de bästa internetkopplingarna världen över.
  • Här är nya betan av Chrome för Android

    2014-jul-25, 07:32
    Den senaste testversionen av Chrome för Android ger en försmak av hur nästa version av Android kommer att se ut.
  • Här är Firefox 31

    2014-jul-24, 12:30
    Mozilla släppte i går Firefox 31 som innehåller en bunt buggfixar samt bättre skydd mot skadliga webbplatser.

Prenumerera på nyheter

Missa inte PC för Allas
smarta nyhetsbrev
Läs mer om nyhetsbreven här!
  PFA Express
  Veckans surftips
  Extreme
PC för Alla-nätverket