hovsa kun halvdelen,
<html>
<head>
<title>Ny side 1</title>
<script language="javaScript" type="text/javascript">
function vis(lagnavn,a,b,c,d)
{
if (this.className = 'Tder2'){
document.all[lagnavn].style.display='block';
document.all[a].style.display='none';
document.all[b].style.display='none';
document.all[c].style.display='none';
document.all[d].style.display='none';
aktiv = 1;
}
}
function fjern(lagnavn)
{
if (aktiv != "1"){
aktiv = 0;
document.all[lagnavn].style.display = 'none';
}
else {
document.all[lagnavn].style.display='block';}
}
function divs(lagnavn){
aktiv = 0;
document.all[lagnavn].style.display = 'none';
}
function link(id,url){
document.getElementById(id).src=url;
}
</script>
<style>
.TDer{background-color : #0075E6;color : White;TEXT-ALIGN: center; border-left:1px solid White;border-right:1px solid White;border-bottom:1px solid White;}
.TDer2{background-color : #BACEEF;color : Black;TEXT-ALIGN: center;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;}
.FUNC1{background-color : #0075E6;color : White;TEXT-ALIGN: center; border-left:1px solid White;filter:alpha(opacity=5);}
.FUNC2{background-color : #0075E6;color : White;TEXT-ALIGN: center; border-left:1px solid White;filter:alpha(opacity=15);}
.FUNC3{background-color : #0075E6;color : White;TEXT-ALIGN: center; border-left:1px solid White;filter:alpha(opacity=50);}
.FUNC4{background-color : #0075E6;color : White;TEXT-ALIGN: center; border-left:1px solid White;filter:alpha(opacity=100);}
</style>
</head>
<body>
<!-- Hoved punkterne-->
<div align="left">
<table border="0" width="100%" height="20" cellspacing="1" cellpadding="0">
<tr>
<td width="188" height="19" style="position:absolute;left:1px;bottom:1px;" class="TDer" onmouseover="vis('first','second','third','fourth','fifth'); this.className='TDer2';" onmouseout="fjern('first'); this.className = 'Tder'">1</td>
<td width="188" height="19" style="position:absolute;left:190px;bottom:1px;" class="TDer" onmouseover="vis('second','first','third','fourth','fifth'); this.className='TDer2';" onmouseout="fjern('second'); this.className='TDer';">2</td>
<td width="189" height="19" style="position:absolute;left:380px;bottom:1px;" class="TDer" onmouseover="vis('third','first','second','fourth','fifth'); this.className='TDer2';" onmouseout="fjern('third'); this.className='TDer';">3</td>
<td width="189" height="19" style="position:absolute;left:570px;bottom:1px;" class="TDer" onmouseover="vis('fourth','first','second','third','fifth'); this.className='TDer2';" onmouseout="fjern('fourth'); this.className='TDer';">4</td>
<td width="189" height="19" style="position:absolute;left:760px;bottom:1px;" class="TDer" onmouseover="vis('fifth','first','second','third','fourth'); this.className='TDer2';" onmouseout="fjern('fifth'); this.className='TDer';">5</td>
</tr></table></div>
<!-- Hoved punkterne slut-->
<!-- under punkterne -->
<div align="left" name="1" id="first" style="Display:none;position:absolute;left:0px;bottom:20px;z-index:2;" onmouseover="vis('first','second','third','fourth','fifth');" onmouseout="divs('first');">
<table border="0" cellspacing="0" cellpadding="0">
<!--et underpunkt-->
<tr><td width="188" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">1</td></tr>
<!--et underpunkt slut-->
<tr><td width="188" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">2</td></tr>
<tr><td width="188" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">3</td></tr>
</table></div>
<div align="left" name="1" id="second" style="Display:none;position:absolute;left:190px;bottom:20px;z-index:2;" "vis('second','first','third','fourth','fifth');" onmouseout="divs('second');">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="188" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">1</td></tr>
</table></div>
<div align="left" name="1" id="third" style="Display:none;position:absolute;left:380px;bottom:20px;z-index:2;" onmouseover="vis('third','first','second','fourth','fifth');" onmouseout="divs('third');">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="189" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">1</td></tr>
</table></div>
<div align="left" name="1" id="fourth" style="Display:none;position:absolute;left:570px;bottom:20px;z-index:2;" onmouseover="vis('fourth','first','second','third','fifth');" onmouseout="divs('fourth');">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="189" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">1</td></tr>
<tr><td width="189" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">2</td></tr>
<tr><td width="189" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">3</td></tr>
</table></div>
<div align="left" name="1" id="fifth" style="Display:none;position:absolute;left:761px;bottom:20px;z-index:2;" onmouseover="vis('fifth','first','second','third','fourth');" onmouseout="divs('fifth');">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td width="189" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">1</td></tr>
<tr><td width="189" height="19" class="TDer" onmouseover="this.className='TDer2';" onmouseout="this.className='TDer';">2</td></tr>
</table></div>
<!-- under punkterne slut -->
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
