hehe glemte koden :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type='text/javascript'> <!--
// mouseover hvor klikket billed beholder on-billedet
var preOverImgs = new Array( 'kanpper/activ.gif', 'kanpper/activ.gif', 'kanpper/activ.gif', 'kanpper/activ.gif', 'kanpper/activ.gif' );
var tmp,i;
for (i=0; i<preOverImgs.length; i++ ) { // preload on- og aktiv- billeder
tmp = preOverImgs[i];
preOverImgs[i] = new Image();
preOverImgs[i].src = tmp;
preOverImgs[i].width = tmp;
preOverImgs[i].height = tmp;
}
var onHusk = null; // det html image objekt der er aktivt lige nu
function onOver( imgId ) {
var tmp = document.images[ imgId ] || null;
if ( !tmp ) {
alert( "kodefejl i onOver(), forkert billednavn: '" +imgId +"'" );
}
//alert( "tmp er " +tmp );
if ( !tmp.initieret ) {
// vi initierer kun her i onOver for onOver er altid det første
// der sker for et billede.
tmp.outSrc = tmp.src;
tmp.overSrc = preOverImgs[ imgId.substring( imgId.length-1 ) ].src;
//NB: sidste bogstav i billedets navn (imgId) skal være et ciffer
// svarende til on-billedets placering i preOnImgs og preAktivImgs.
tmp.initieret = true;
}
if ( tmp != onHusk ) { // den aktive skal ikke sættes
tmp.src = tmp.overSrc;
}
}; //end onOver( string )
function onOut( imgId ) {
var tmp = document.images[ imgId ] || null;
if ( !tmp ) {
alert( "kodefejl i onOut(), forkert billednavn: '" +imgId +"'" );
}
if ( tmp != onHusk ) { // den aktive må ikke afstilles
tmp.src = tmp.outSrc;
}
}; //end onOut( string )
function onKlik( imgId ) {
var tmp = document.images[ imgId ] || null;
if ( !tmp ) {
alert( "kodefejl i onKlik(), forkert billednavn: '" +imgId +"'" );
}
if ( tmp != onHusk ) {
if ( onHusk ) var oldAktivId = onHusk.name;
onHusk = tmp;
if ( oldAktivId ) onOut( oldAktivId );
}
}; //end onKlik( string )
// -->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
background-image: url(eks.jpg);
background-repeat:no-repeat;
background-position:inherit;
background-position:top
}
-->
</style></head>
<body>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="14%" style="background-position:top"> </td>
<td width="800" height="105"> </td>
<td width="14%"> </td>
</tr>
<tr>
<td width="14%" style="background-position:top"> </td>
<td width="776" height="50" align="center" background="kanpper/stang.jpg" style="background-repeat:no-repeat; background-position:bottom">
<a href="#"
onmouseover="onOver('img0');"
onmouseout="onOut('img0');"
onclick="onKlik('img0');"
><img name='img0' src='kanpper/uactiv.gif' width='110' height='50' border=0></a><a href="#"
onmouseover="onOver('img1');"
onmouseout="onOut('img1');"
onclick="onKlik('img1');"
><img name='img1' src='kanpper/uactiv.gif' width='110' height='50' border=0></a><a href="#"
onmouseover="onOver('img2');"
onmouseout="onOut('img2');"
onclick="onKlik('img2');"
><img name='img2' src='kanpper/uactiv.gif' width='110' height='50' border=0></a><a href="#"
onmouseover="onOver('img3');"
onmouseout="onOut('img3');"
onclick="onKlik('img3');"
><img name='img3' src='kanpper/uactiv.gif' width='110' height='50' border=0></a><a href="#"
onmouseover="onOver('img4');"
onmouseout="onOut('img4');"
onclick="onKlik('img4');"
><img name='img4' src='kanpper/uactiv.gif' width='110' height='50' border=0></a></td><td width="14%"> </td>
</tr>
<tr>
<td width="14%" style="background-position:top"> </td>
<td width="800"> </td>
<td width="14%"> </td>
</tr>
</table>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
