gecko-dev/servo/tests/html/summit-one.html

47 строки
1.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
}
p {
margin: 0;
padding: 0;
font-size: 0px
}
</style>
</head>
<body>
<p><img src="longcattop.png"/></p>
<p><img src="longcatmid.png"/></p>
<p><img src="longcatbot.png"/></p>
<script>
var longcats = window.document.getElementsByTagName("img");
var longcat_top = longcats[0];
var longcat_mid = longcats[1];
var longcat_bot = longcats[2];
function wait_for_img_load(f) {
if (longcat_top.width != 0 && longcat_mid.width != 0 && longcat_bot.width != 0) {
f();
} else {
window.setTimeout(function() { wait_for_img_load(f) }, 1);
}
}
wait_for_img_load(function() {
var count = 0;
function elongate() {
var height = Math.round((Math.cos(count + Math.PI) + 1) * 45 + 20);
count += 0.2;
longcat_mid.height = height;
longcat_mid.width = 600;
window.setTimeout(function() { elongate() }, 50);
}
elongate();
});
</script>
</body>
</html>