Code
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Матрица эмоций</title>
<style type="text/css"><!--
html{height: 100%}
body{height: 100%; overflow: hidden; position: relative}
span{margin-left: 1em}
//-->
</style>
</head>
<body>
<noscript><h1>Требуется поддержка javascript</h1></noscript>
<script type="text/javascript"><!--
function dec2hex(dec){
var xChars = '0123456789ABCDEF';
var a = dec % 16;
var b = (dec - a) / 16;
result = xChars.charAt(b) + xChars.charAt(a);
return result
}
document.body.style.backgroundColor = '#000';
document.body.style.color = '#0c0';
document.body.style.padding = '0px';
document.body.style.margin = '0px';
document.body.style.fontFamily = 'Arial, Tahoma, Verdana, sans-serif';
var emotions = new Array(':-)', ':)', '))', '8-)', ';-)', ':-P', ':-]', ':-}', '>:-[', ':-(', '8-|', ':-/', '8-0', ':-E', '=)');
var MaxChainCount = 20;
var MaxChainLength = 25;
var chains = new Array(MaxChainCount);
function TChain(){
var d = document.createElement('div');
this.div = d;
this.div.style.position = 'absolute';
document.body.appendChild(this.div)
}
function init_chain(){
this.len = Math.floor(Math.random() * (MaxChainLength - 1)) + 1;
var color = 255;
var dColor = color / this.len;
var text = '<nobr>';
var smile = ';-)';
this.charsCount = 0;
for(var i = 0; i < this.len; i++){
smile = emotions[Math.floor(Math.random() * emotions.length)];
this.charsCount += smile.length;
text += '<span style="color: #00' + dec2hex(Math.floor(255 - color)) + '00">' + smile + '</span>';
color -= dColor;
if(color < 0){color = 0}
}
text += '</nobr>';
this.div.innerHTML = text;
this.left = -Math.ceil(this.charsCount * 2);
this.div.style.left = this.left + 'em';
this.div.style.top = (Math.floor(Math.random() * MaxChainCount) * 100 / MaxChainCount) + '%';
var fSize = document.body.offsetHeight / MaxChainCount;
this.div.style.fontSize = fSize + 'px';
this.div.style.backgroundColor = '#000';
this.div.style.marginRight = '3em'
}
TChain.prototype.init = init_chain;
// End of Chain //
chains[0] = new TChain;
chains[0].init();
chains[0].div.innerHTML = 'm';
chains[0].div.style.left = '-10em';
for(var i = 1; i < MaxChainCount; i++){
chains[i] = new TChain();
chains[i].init()
}
function resize(){
var fSize = document.body.offsetHeight / MaxChainCount;
for(var i = 0; i <= MaxChainCount; i++){
chains[i].div.style.fontSize = fSize + 'px'
}
}
window.onresize = resize;
function move(){
for(var i = 1; i < MaxChainCount; i++){
var l = chains[i].left + 'em';
chains[i].div.style.left = l;
chains[i].left++;
if((chains[i].left * chains[0].div.offsetWidth) > document.body.offsetWidth){chains[i].init()}
}
setTimeout('move()', 50)
}
move()
//-->
</script>
</body>
</html>
$POWERED_BY$
БАТВА