|
verkleurend menu
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>
download het script
Zie hier een demo van het script
Reacties van leden
Auteur: spijs @ 29-06-2007
Wat moet je doen als je een background als uit- of aankleur wilt ?
|
