<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>hover menu - css javascript</title>
<verwijzende_link>http://www.dns4.nl/pagina/javascript_code/hover_menu_css_javascript.html</verwijzende_link>
<informatie>


</informatie>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

	<style type="text/css">
		#menu{margin-left:10%;}
		#container{
			z-index:200;
			width:200px;
			font-family:Verdana, Helvetica, sans-serif;
			font-weight:bold;
			font-size:14px;
			padding-left:0.8em;
			padding-right:0.8em;
			color:#eeeeee;
			background:#330000;
			border:1px solid #660000;}
		#container a{
			line-height:3em;
			text-align:center;
			display:block;
			width:100%;
			color:#cccccc;
			text-decoration:none;
			background:#400000 !important;
			border-bottom:6px double #550000;}
		#container a:hover{
			background:#330000 !important;
			color:#eeeeee;}
		#container a:focus,#container a:active{
			background:#007700;
			color:#ffbb00;}
		#kop{
			border-top:#370000 solid 10px;
			border-bottom:6px double #550000;
			color:#888888;
			width:100%;
			height:0px;
			margin-top:14px;
			background:#604545;
			border-right:10px;}
		#divOmschrijving{
			color:#666666;
			background:#330000;
			text-align:center;
			font-weight:bold;
			font-size:80%;
			width:90%;
			height:6em;
			padding:10px;
			border-right:10px;}
	</style>
	<script type="text/javascript">
		<!--
		document.write('<style type="text/css">#divOmschrijving{filter:alpha(opacity=0);-moz-opacity:0;}</style>');
		var bOpa=0,tOb,heteffect,bDt,snelheid=20;
		function setOpa(aantal){
			if (bDt=="mozilla"){tOb.style.MozOpacity=aantal/100;}
			else if (bDt=="ie"){tOb.filters.alpha.opacity=aantal;}
			else if (document.getElementById && bOpa===0){document.getElementById("divOmschrijving").innerHTML="";}}
		function doehetWerk(dM){
			if (bDt=="mozilla" && dM.style.MozOpacity<1)
			{dM.style.MozOpacity=Math.min(parseFloat(dM.style.MozOpacity)+0.01,0.98);}
			else if (bDt=="ie" && dM.filters.alpha.opacity<100){dM.filters.alpha.opacity+=1;}
			else if (window.heteffect){clearInterval(heteffect);}}
		function dOe(detekst){
			if (!document.getElementById){return;}
			tOb=document.getElementById("divOmschrijving");
			bDt=tOb.filters? "ie" : typeof tOb.style.MozOpacity=="string"? "mozilla" : "";
			setOpa(bOpa);document.getElementById("divOmschrijving").innerHTML=detekst;
			heteffect=setInterval(function(){doehetWerk(tOb);},snelheid);}
		function stopTimer(){if (window.heteffect){clearInterval(heteffect);}}
		function mout(){stopTimer();setOpa(bOpa);}
		// -->
	</script>



	<div id="menu">
		<div id="container">
			<div id="kop"></div>
			<a href="http://www.dns4.nl/pagina/stijlblad/stijlbladrood.php" onmouseover="dOe('Maak deze pagina rood. Dat is wel leuk')" onmouseout="mout()" rel="nofollow">Rood als kroot</a>
			<a href="http://www.dns4.nl/pagina/stijlblad/stijlbladblauw.php" onmouseover="dOe('Maak deze pagina blauw en wel heel erg gauw')" onmouseout="mout()" rel="nofollow">Pauw Blauw</a>
			<a href="http://www.dns4.nl/pagina/stijlblad/stijlbladpaars.php" onmouseover="dOe('Maak deze pagina paars')" onmouseout="mout()" rel="nofollow">Paars Kabinet</a>
			<a href="http://www.dns4.nl/pagina/stijlblad/stijlbladgeel.php" onmouseover="dOe('Maak deze pagina geel maar niet te veel')" onmouseout="mout()" rel="nofollow">Geel ondergoed</a>
			<a href="http://www.dns4.nl/pagina/stijlblad/stijlbladoranje.php" onmouseover="dOe('Maak deze pagina oranje als je dat wilt')" onmouseout="mout()" rel="nofollow">Oranje onzin</a>
			<div id="divOmschrijving"></div>
		</div>
	</div>




de code is hier geeindigd.
// -->
]]>
</programma_code>
<code_link>http://www.dns4.nl/pagina/alle_tekst_files.html</code_link>
</voorbeeld>
</dns4.nl>
