Menu gradiente

Só funciona no Internet Explorer





Pegar código

<style type="text/css">
.Menutje{width:340; height:22; background-color:#FFD6CF; filter:blendTrans(duration=0.6); color:#000000; text-align:LEFT; font:14px Tahoma; }
</style>
<script type="text/javascript">
//verander hieronder de kleuren
var OverKleur = "#F98957"; // Dit is de kleur waar het menu naar moet vervagen
var Kleur = "#F49A7E"; // Dit is de normale kleur van de cel na de mouse-over
function Vervaag(){ if(!document.all) return;
var obj = event.srcElement;
while(obj.tagName!="TD") obj=obj.parentElement;
obj.filters[0].Apply();
obj.style.backgroundColor = OverKleur;
obj.filters[0].Play(); }


function VaagUit(){
if(!document.all) return;
var obj = event.srcElement;
while(obj.tagName!="TD") obj=obj.parentElement;


if (event.fromElement.contains(event.toElement)obj.contains(event.toElement)) return
obj.filters[0].Apply();
obj.style.backgroundColor = Kleur;
obj.filters[0].Play(); }
</script>


<div align="center">
<center>
<table width="120" height="140">
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center">
<a target="_blank" href="ENDEREÇO DO LINK 1">Link 1</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 2" target="_blank">Link 2</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 3" target="_blank">Link 3</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 4" target="_blank">Link 4</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 5" target="_blank">Link 5</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 6" target="_blank">Link 6</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 7" target="_blank">Link 7</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 8" target="_blank">Link 8</a></p>
</td></tr>
<tr><td onmouseover="Vervaag()" onmouseout="VaagUit()" class="Menutje">
<p align="center"><a href="ENDEREÇO DO LINK 9" target="_blank">Link 9</a></p>
</td></tr>
</table>
</center>
</div>