verkleurend menu

Door: jacob_slomp

dit menu verkleurt als je er over heen gaat erg leuk het is een soort van flash achtig script



<script type="text/javascript">

var aankleur_menu  = "#CCFF00"      // de kleur met de muis erop (menu)

var uitkleur_menu  = "#000000"      // de standaard kleur (menu)

var aankleur_text  = "#000000"      // de kleur met de muis erop (tekst)

var uitkleur_text  = "#DDDDDD"      // de standaard kleur (tekst)

var instell_text  = "12px verdana" // de instellingen van de tekst

var breedte_menu  = "120px"        // de breedte van het menu

var kleur_rand    = "#CCFF00"      // de kleur van de rand


// --- verander hieronder niets als je niet weet wat je doet! --- //

//================//

function aan(m){ if(document.all){

m.filters[0].Apply()

m.style.backgroundColor=aankleur_menu

m.filters[0].Play()

m.style.color=aankleur_text }}

function uit(m){

if(document.all){

m.filters[0].Apply()

m.style.backgroundColor=uitkleur_menu

m.filters[0].Play()

m.style.color=uitkleur_text }}

document.write('<style type="text/css">');

document.write('td.menu { background-color: ' + uitkleur_menu + '; filter: blendTrans(duration=0.5); ');

document.write('color: ' + uitkleur_text + '; font: ' + instell_text + '; width: ' + breedte_menu + '; text-align: center; cursor: hand; }');

document.write('table#bordermenu { border: 1px solid #000000; background-color: ' + kleur_rand + ' }')

document.write('</style>');

</script>

<!-- einde blend menu script door www.svvdesign.nl -->



<table cellspacing="1" id="bordermenu">

<tr><a href="http://www.site1.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 1</td></a></tr>

<tr><a href="http://www.site2.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 2</td></a></tr>

<tr><a href="http://www.site3.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 3</td></a></tr>

<tr><a href="http://www.site4.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 4</td></a></tr>

<tr><a href="http://www.site5.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 5</td></a></tr>

<tr><a href="http://www.site6.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Link 6</td></a></tr>

<tr><a href="http://www.scriptkiddies.nl"><td class="menu" onmouseover="aan(this)" onmouseout="uit(this)">Scriptkiddies</td></a></tr>

</table>

Klik hier voor de demo

Reacties

spijs

2007-06-29 00:00:00

Wat moet je doen als je een background als uit- of aankleur wilt ?

Laat een reactie achter

Meld je vandaag nog aan, of login om een reactie te geven