blob: 08e498cfce1973aca5fc86ea897aab30de6ed289 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<!DOCTYPE HTML>
<html class="reftest-wait">
<head>
<style>
#d { width:200px; }
#e { width:196px; height:196px; opacity:0.99; border:2px solid rgb(200,200,200); }
#f { width:200px; height:10px; }
</style>
</head>
<body onload="step()">
<div id="d">
<div id="e">
<div style="width:80px; height:80px; background:yellow;"></div>
<div id="f">
<div style="width:80px; height:80px; background:blue;"></div>
</div>
</div>
</div>
<script>
var d = document.getElementById("d");
var e = document.getElementById("e");
var f = document.getElementById("f");
var v = 0;
function step() {
v += 40;
d.style.border = "10px solid rgba(" + v + "," + v + "," + v + ", 0.99)";
e.style.backgroundColor = "rgb(" + v + "," + v + "," + v + ")";
f.style.opacity = v/250.0;
if (v < 200) {
setTimeout(step, 50);
} else {
document.documentElement.removeAttribute("class");
}
}
</script>
</body>
</html>
|
