html - Javasript vise billede når musen føres over et link - Udvikleren.dk

Tags: html css

<< < 1 2 > >>

Bruger #4468 @ 11.01.04 21:02

Jeg vil gerne lave så når jeg fører musen over at link skal den vise en lille pil i hver ende af linket. Linket er tekst mens de to billeder er gif filer. Hvordan gør jeg det? Jeg har hørt jeg kan gøre det med javasript men ved ikke hvordan... Håber der er nogen der kan hjælpe
Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

14 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #3530 @ 11.01.04 22:06

157

Prøv følgende:

Kode

<html>
<head><title>Velkommen til min side med linkvisende pile :)</title>

<SCRIPT type="text/javascript">
//lavet af kaspertech.dk
function vis1() {
document.getElementById(1).src = 'pil.bmp';
}
function vis2() {
document.getElementById(2).src = 'pil.bmp';
}
function vis3() {
document.getElementById(3).src = 'pil.bmp';
}
</SCRIPT>

<SCRIPT type="text/javascript">
//lavet af kaspertech.dk
function skjul1() {
document.getElementById(1).src = 'hvid.bmp';
}
function skjul2() {
document.getElementById(2).src = 'hvid.bmp';
}
function skjul3() {
document.getElementById(3).src = 'hvid.bmp';
}
</SCRIPT>

</head>

<body>
<DIV style="position:absolute; top:10px; left:165px;">
<img id="1" src="hvid.bmp">
</DIV>
<DIV style="position:absolute; top:10px; left:190px;">
<a href="#" onMouseover="vis1()" onMouseout="skjul1()">Link1</a>
</DIV>
<DIV style="position:absolute; top:50px; left:165px;">
<img id="2" src="hvid.bmp" onMouseout="skjul3()">
</DIV>
<DIV style="position:absolute; top:50px; left:190px;">
<a href="#" onMouseover="vis2()" onMouseout="skjul2()">Link2</a>
</DIV>
<DIV style="position:absolute; top:90px; left:165px;">
<img id="3" src="hvid.bmp">
</DIV>
<DIV style="position:absolute; top:90px; left:190px;">
<a href="#" onMouseover="vis3()" onMouseout="skjul3()">Link3</a>
</DIV>
</body>
</html>

lav et billede der hedder hvid.bmp som er 20*20 pixel og er kridhvidt, og lav en billede der hedder pil.bmp med en pil som også er 20*20 pixels.

// Kasper
»http://kaspertech.dk

Bruger #2397 @ 11.01.04 22:09

337

Noget i denne stil... ikke helt korrekt syntaks, men ideen er der :o)

<img id="pic1" src="pic1.gif" style="visibility: hidden"><a href="url" onMouseOver="document.getElementByID('pic1').visiblity = 'show'" onMouseOut="document.getElementByID('pic1').visibility = 'hidden'>Link</a>

Bruger #3143 @ 12.01.04 16:50

1.965

Id skal skrives med lille d

<img id="pic1" src="pic1.gif" style="visibility:hidden;"><a href="url" onmouseover="document.getElementById('pic1').style.visibility = 'visible'" onmouseout="document.getElementById('pic1').style.visibility = 'hidden'>Link</a>

rettetlse
og det er style.visibility

[Redigeret d. 12/01-04 16:52:41 af Jesper Kristensen]

Bruger #2654 @ 12.01.04 17:10

102

Øhm jo men det svar var da godt nok li hva j søgte hehe.. Ej..
Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

ok... jeg fatter ikke lige hvad der skete der. Men det her virker for mig

Kode

<img id="pic1" src="pic1.gif" style="visibility: hidden;">
<a href="url" onMouseOver="document.getElementById('pic1').style.visibility = 'visible';" onMouseOut="document.getElementById('pic1').style.visibility = 'hidden';">Link</a>

adam
Køb en zebra - og kald den plet

Bruger #3530 @ 11.01.04 22:16

157

Noget i denne stil... ikke helt korrekt syntaks, men ideen er der :o)

arh ja kunne ikke lige huske syntaksen for visible men nu har jeg den

Men hvad mener du med syntaksen ikke er der ? Det virker da i praksis, og kan man så forlange mere

?

// Kasper
»http://kaspertech.dk

Bruger #2397 @ 12.01.04 01:42

337

Men hvad mener du med syntaksen ikke er der ? Det virker da i praksis, og kan man så forlange mere ?

Det er noget tid siden jeg sidst har haft kigget på visibility egenskaben og kunne ikke huske om det var visible eller show, som var den korrekte angivelse...

Bruger #3143 @ 12.01.04 09:09

1.965

kunne ikke huske om det var visible eller show, som var den korrekte angivelse...

det er visible

Bruger #4468 @ 12.01.04 14:58

221

Noget i denne stil... ikke helt korrekt syntaks, men ideen er der :o)

<img id="pic1" src="pic1.gif" style="visibility: hidden"><a href="url" onMouseOver="document.getElementByID('pic1').visiblity = 'show'" onMouseOut="document.getElementByID('pic1').visibility = 'hidden'>Link</a>

Jeg kan ikke få den til at virke... Har prøvet at sætte " ind efter hidden men virkede stadig ikke. Har også prøvet at bytte show ud med visible men virker stadig ikke.. Nogen der ved hvorfor? Jeg har skrevet den eksakte kode herfra...
Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

Bruger #3143 @ 12.01.04 15:08

1.965

visiblity = 'show'

der mangler et 'i' i visibility, og det skal være visible

Bruger #4468 @ 12.01.04 15:15

221

visiblity = 'show'

der mangler et 'i' i visibility, og det skal være visible

Virker stadig ikke... Den skriver bare "Der opstod en fejl på siden". Nogen der ved hvorfor?

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

<< < 1 2 > >>

Javasript vise billede når musen føres over et link

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler