<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>bouncing text / tekst animatie javascript crossbrowser</title>
<verwijzende_link>http://www.dns4.nl/pagina/javascript_code/bouncing_text.html</verwijzende_link>
<informatie>


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

	<style type="text/css">
		.hetdingetje img{
			z-index:1000;
			position:absolute;
			width:50px;
			height:16px;
		}
	</style>
	<script type="text/javascript">
		<!--
		var snelheid=3;
		var bepaalafmetingen;
		var dexvar = 0;var deyvar = 0;var m_lastX = 0;var m_lastY = 0;
		var vertmin = 1;var vertmax = 1;var variabreedte = 1;
		var variahoogte = 1;var evenklokken;var hetdingetje=[];
		function gokken1(n){return Math.random()*n;}
		function zetdeboelklaar(bobik) {
			bobik._x = gokken1(dexvar);
			bobik._y = gokken1(deyvar);
			bobik._vX = vertmin+gokken1(vertmax)*(Math.random()>0.5?1:-1);
			bobik._vY = vertmin+gokken1(vertmax);}
		function beweeg(bobik) {
			bobik._x += bobik._vX;
			bobik._y += bobik._vY;
			bobik.style.left = bobik._x+'px';
			bobik.style.top = bobik._y+'px';
			if ((bobik._vX>0 && bobik._x+bobik._vX+variabreedte>dexvar) || (bobik._vX<0 && bobik._x+bobik._vX<0)){bobik._vX *= -1;}
			if ((bobik._vY>0 && bobik._y+bobik._vY+variahoogte>deyvar) || (bobik._vY<0 && bobik._y+bobik._vY<0)){bobik._vY *= -1;}}
		function doejewerk(){beweeg(hetdingetje[0]);}
		function init() {
			hetdingetje = document.getElementById('eendiv').getElementsByTagName('img');
			zetdeboelklaar(hetdingetje[0]);
			bepaalafmetingen();
			evenklokken=setInterval(doejewerk,snelheid);}
			bepaalafmetingen = (navigator.userAgent.toLowerCase().indexOf('opera')>0||navigator.appVersion.toLowerCase().indexOf('safari')!=-1)?function() {
			dexvar = window.innerWidth;
			deyvar = window.innerHeight;}:function(){
			dexvar = document.documentElement.clientWidth||document.body.clientWidth||document.body.scrollWidth;
			deyvar = document.documentElement.clientHeight||document.body.clientHeight||document.body.scrollHeight;};
			window.onresize = bepaalafmetingen;
			window.onload = init;
		// -->
	</script>



	<div id="eendiv" class="hetdingetje">
		<a href="http://www.dns4.nl/pagina/code/bouncing_text.xml"><img src="dns.gif" alt="dns4" width="50" height="16" /></a>
	</div>



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