gecko/testing/performance/talos/page_load_test/dhtml/movingtext.html
2007-09-26 17:15:13 -07:00

76 lines
4.7 KiB
HTML

<html><head>
<!-- MOZ_INSERT_CONTENT_HOOK -->
<title>Moving Text</title>
</head><body onload="mzDhtmlStart();">
<script language="JavaScript1.2">
var bDocAll = (document.all) ? 1 : 0;
var xPos = 15;
var numImages = 10;
var i;
var count = 0;
var startTime;
function mzDhtmlStart()
{
startTime = Date.now();
slide();
}
function slide()
{
if (count != 70)
{
for (i = 0; i < numImages; ++ i)
{
xPos = (xPos > 800) ? 1 : xPos + 1;
document.getElementById("slowdown"+i).style.left=xPos;
}
count++;
setTimeout("slide()", 0);
}
else
tpRecordTime(Date.now() - startTime);
}
</script>
<div id="slowdown0" style="position: absolute; top: 0px; left: 0px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown1" style="position: absolute; top: 20px; left: 2px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown2" style="position: absolute; top: 40px; left: 4px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown3" style="position: absolute; top: 60px; left: 6px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown4" style="position: absolute; top: 80px; left: 8px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown5" style="position: absolute; top: 100px; left: 8px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown6" style="position: absolute; top: 120px; left: 6px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown7" style="position: absolute; top: 140px; left: 4px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown8" style="position: absolute; top: 160px; left: 2px; color: red;">Now we're cooking with gas!</div>
<div id="slowdown9" style="position: absolute; top: 180px; left: 0px; color: red;">Now we're cooking with gas!</div>
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
Some Text for divs to fly over. Some Text for divs to fly over. Some Text for divs to fly over.
</body></html>