зеркало из https://github.com/mozilla/gecko-dev.git
54 строки
1.2 KiB
HTML
54 строки
1.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html class="reftest-wait">
|
|
<head>
|
|
<title>Test for bug 641198</title>
|
|
<link rel="stylesheet" href="ImageDocument.css">
|
|
<style type="text/css" media=screen>
|
|
a.animated1 {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: url("animation1a.gif") no-repeat 0 0;
|
|
}
|
|
|
|
a.animated1 span {
|
|
position: absolute;
|
|
top: -999em;
|
|
}
|
|
|
|
a.animated2 {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: url("animation2a.gif") no-repeat 0 0;
|
|
}
|
|
|
|
a.animated2 span {
|
|
position: absolute;
|
|
top: -999em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body onload="doTimeout()">
|
|
|
|
<a id="animated" href="#" title="Animated"><span>Animated</span></a>
|
|
|
|
<script>
|
|
// We check whether changing the class will lead to the animation being
|
|
// run from the beginning, even if the animation was already shown
|
|
// before.
|
|
var counter = 0;
|
|
function doTimeout() {
|
|
if (counter == 4) {
|
|
document.documentElement.className = '';
|
|
} else {
|
|
document.getElementById("animated").setAttribute("class", "animated" + ((counter % 2)+1));
|
|
setTimeout(doTimeout, counter == 3 ? 500 : 250); // Wait a bit more for the last one, to prevent oranges
|
|
}
|
|
counter++;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|