dhteumeuleu » I could not stop

I could not stop

On April 1, 2006, in demo, by ge1doot

Maximize

Maximize Page : PreviousNext

Direct Link

Download: http://www.dhteumeuleu.com/dhtml/fractal-F.html

Source code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>click bored - Interactive DHTML demos</title> 
<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com"> 
<meta http-equiv="imagetoolbar" content="no"> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 
 
<style type="text/css"> 
	html { 
		overflow: hidden; 
	} 
	body { 
		margin: 0px; 
		padding: 0px; 
		background: #000; 
		position: absolute; 
		width: 100%; 
		height: 100%; 
	} 
	.img{ 
		position:absolute; 
		cursor: pointer; 
		left: 0%; 
		top: 0%; 
		width: 100%; 
		height: 100%; 
	} 
	.frame { 
		position: absolute; 
		width: 50%; 
		height: 50%; 
	} 
	#credit { 
		position: absolute; 
		color: #000; 
		font-family: arial; 
		font-size: 0.8em; 
		width: 99%; 
		text-align: right; 
		bottom: 2px; 
		z-index: 10000; 
	} 
	a {text-decoration: none;color:#fff;} 
	a:hover	{text-decoration: none;background:#ff8000;color:#fff;} 
	a:visited {text-decoration: none;color:#fff;} 
	a:visited:hover {text-decoration: none;background:#ff8000;color:#fff;} 
 
</style> 
 
<script type="text/javascript"> 
// ========================================================================= 
//                 ===== fractal frame ===== 
// script: Gerard Ferrandez - ge1doot - April 8th, 2006 
// http://www.dhteumeuleu.com 
// ========================================================================= 
 
var src; 
 
function div(o){ 
	function img(x,y){ 
		var d = document.createElement("div"); 
		d.className = "frame"; 
		d.style.left = 50*x+"%"; 
		d.style.top = 50*y+"%"; 
		var img = document.createElement("img"); 
		img.className = "img"; 
		img.src = src[Math.floor(Math.random()*src.length)].src; 
		img.onmousedown = new Function("div(this.parentNode);this.parentNode.removeChild(this);"); 
		d.appendChild(img); 
		o.appendChild(d); 
	} 
	img(0,0); 
	img(1,0); 
	img(0,1); 
	img(1,1); 
} 
 
onload = function(){ 
	src = document.getElementById("images").getElementsByTagName("img"); 
	div(document.body); 
} 
 
</script> 
</head> 
 
<body> 
 
<div id="images" style="display:none"> 
	<img src="../images/frame.jpg"> 
	<img src="../images/frame.jpg"> 
	<img src="../images/frame.jpg"> 
	<img src="../images/frame0.jpg"> 
</div> 
 
<div id="credit"> 
	·home: <a href="http://www.dhteumeuleu.com/" target="_blank" title="Interactive DHTML demos">www.dhteumeuleu.com </a> 
	·source: <a href="http://www.dhteumeuleu.com/colorsyntax/viewJS.php?src=fractal-F.html" target="_blank" title="source code">code</a> 
</div> 
 
</body> 
</html>

Tagged with: fractal