Mouse over
Er der nogen der kan hjælpe mig med denne mouseover/out.Koden er her
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0027)http://mjols.dk/person.html -->
<HTML><HEAD><TITLE>Niels Orla's hjemmeside</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type=text/css>BODY {
BACKGROUND: #edf2f9
}
BODY {
BACKGROUND-IMAGE: url(http://mjols.dk/kgfree4back.jpg)
}
BODY {
FONT-FAMILY: Times,"Trebuchet MS",serif
}
BODY {
COLOR: #000000
}
A:link {
COLOR: black; TEXT-DECORATION: none
}
A:active {
COLOR: black; TEXT-DECORATION: none
}
A:visited {
COLOR: black; TEXT-DECORATION: none
}
A:hover {
COLOR: white; TEXT-DECORATION: none
}
IMG.top {
Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px
}
IMG.top1 {
Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 116px
}
IMG.left {
Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 166px
}
IMG.val {
Z-INDEX: 1; LEFT: 174px; POSITION: absolute; TOP: 166px
}
P {
FONT-WEIGHT: bold; FONT-SIZE: 1em; FONT-STYLE: italic; FONT-FAMILY: Times, "New Century Schoolbook", serif
}
td.menu {
width:120px;
height:25px;
border:0;
font-size:10pt;
font-family:Arial;
text-align:center;
background-color:transperant;
background-image:url(../images/knap.gif);
background-repeat:no-repeat;
}
</style>
</head>
<body>
<IMG class=top height=116 alt="" src="per-filer/kgfree4top.jpg" width=777>
<img class=top1 height=50 alt="" src="per-filer/kgfree4top1.jpg" width=777
useMap=#map0 border=0><map name=map0><AREA shape=RECT alt="" coords=13,7,72,43
href="mailto:info@mjols.dk"></MAP> <IMG class=left height=50 alt=""
src="per-filer/kgfree4left.jpg" width=174>
<DIV id=lag1
style="Z-INDEX: 2; LEFT: 227px; WIDTH: 550px; POSITION: absolute; TOP: 156px; HEIGHT: 342px"><BR>
<P>I den sønderjysk kommune Rødekro har følgende boæl:</P>
<script type=text/javascript>
image0 = new Image();
image0.src = "http://mjols.dk/per/bo.jpg";
image1 = new Image();
image1.src = "http://mjols.dk/per/nop.JPG";
image2 = new Image();
image2.src = "http://mjols.dk/per/lis.jpg";
image3 = new Image();
image3.src = "http://mjols.dk/per/plet.JPG";
image4 = new Image();
image4.src = "http://mjols.dk/per/buster.jpg";
function imageSwap(image) {
document.menuPicture.src=image.src;
}
</script>
<a href="./temp.html"onmouseover=imageSwap(image1) onmouseout=imageSwap(image0) >Niels Orla</a><BR>
<A href="./temp.html"onmouseover=imageswap(image2) onmouseout=imageswap(image0) >Lis</A><BR>
<A href="./temp.html"onmouseover=imageswap(image3) onmouseout=imageswap(image0) >Plet -field
spaniel</A><BR>
<A href="./temp.html"onmouseover=imageswap(image4) onmouseout=imageSwap(image0) >Buster -trial field spaniel</A><BR><BR><IMG
alt="" src="per-filer/bo.jpg" border=0 name=menuPicture width="314" height="235"> <BR><BR><BR>
<div style="position: absolute; width: 120px; height: 267px; z-index: 3; left: -216px; top: 60px" id="lag3">
<h1><b>Sitemap</b></h1>
<table cellpadding="0" cellspacing="2" border="0">
<tr>
<td class="menu"><a href="../index.htm">Forsiden</a></td>
</tr>
</table>
Siden kan ses her:
http://mjols.dk/per/per.html.
Det er kun den første der virker.
