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
59 lines
1.3 KiB
HTML
5 years ago
|
<!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>
|