<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>geanimmerde background scroll</title>
<verwijzende_link>http://www.dns4.nl/pagina/javascript_code/background_scroll.html</verwijzende_link>
<informatie>


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

	<style type="text/css">
		#y{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;}
		#x{margin-left:10%;position:relative;top:0px;left:0px;width:120px;height:100px;z-index:300;}
	</style>		
	<script type="text/javascript">
		var Elem;var deScrollspeed=40;var deRichting='horizontal';function GetElem(ID)
		{return document.all?document.all[ID]:(document.getElementById(ID)?document.getElementById(ID):false);}
		function BGScroll(ID,SD,SS,Pos)
		{Elem=GetElem(ID);Elem.style.backgroundPosition=(SD=='horizontal')?Pos+++'px':'0 '+Pos+++'px';window.setTimeout('BGScroll("'+ID+'", "'+SD+'", '+SS+', '+Pos+' )',SS);}
		function BGScroller(ID,SD,SS,BG)
		{Elem=GetElem(ID);if(!Elem)
		{return false;}else{if(BG)
		{Elem.style.backgroundImage='url("'+BG+'")';}
		SS=SS?SS:deScrollspeed;SD=SD?SD:deRichting;BGScroll(ID,SD,SS,0);}}
		function zetallesKlaar()
		{BGScroller("scr1","horizontal",40,'spikkels.gif');BGScroller("scr2",'vertical',60,'spikkel.gif');}
		window.onload=zetallesKlaar;
	</script>



<table id="y">
	<tr>
	    <td id="scr1"></td>
	</tr>
</table>





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