You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>01</title>
<script src="http://blizardjs.ueuo.com/blizard.js"></script>
<style type="text/css">
body {
font-family: sans-serif;
background-color: black;
color: white;
}
div {
position: relative;
}
span {
position: absolute;
text-align: center;
}
</style>
</head>
<body id="thisBody" >
<script type="text/javascript">
sl.createElement("DIV", "BODY", "first");
var arr = ['|','_','*', ' ','<a href="#">x</a>'];
function selectBin() {
var x = Math.floor(Math.random() * arr.length);
return x;
}
var add = 0;
for (i = 0; i < 2; i++){
sl.createElement("SPAN","DIV","test"+ [i]);
for (j = 0; j < 3000; j++){
document.getElementById("test" + [i]).innerHTML += arr[selectBin()];
document.getElementById("test" + [i]).style.top = add +"px";
document.getElementById("test" + [i]).style.lineHeight = (Math.floor(Math.random()*10)+13) + "px";
document.getElementById("test" + [i]).style.letterSpacing = (Math.floor(Math.random()*10)+13) + "px";
document.getElementById("test" + [i]).style.fontSize = (Math.floor(Math.random()*15)+5) + "px";
}
add += 6;
}
</script>
</body>
</html>