зеркало из https://github.com/mozilla/pjs.git
Bug 386995 - Add tdhtml to talos. a=anodelman r=bhearsum
This commit is contained in:
anodelman%mozilla.com
Родитель
bd2ef328b1
Коммит
0a9051a03a
|
|
@ -0,0 +1,53 @@
|
|||
<html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>DOM, CSS and Fonts - Sample Code: Animating Fonts with DOM</title>
|
||||
|
||||
<script>
|
||||
cc=20;
|
||||
aa=255;
|
||||
tt=0;
|
||||
el=0;
|
||||
|
||||
var startTime;
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
colorfade();
|
||||
}
|
||||
|
||||
function colorfade()
|
||||
{
|
||||
var s = Date.now();
|
||||
if (cc > 0)
|
||||
{
|
||||
tt+=cc;
|
||||
document.getElementById("text"+el).style.left=tt+"px";
|
||||
aa-=5;
|
||||
document.getElementById("text"+el).style.color="rgb("+aa+","+aa+","+aa+")";
|
||||
cc--;
|
||||
setTimeout("colorfade()", 0);
|
||||
}
|
||||
else
|
||||
{
|
||||
cc=20;
|
||||
aa=255;
|
||||
tt=0;
|
||||
if(el<5)
|
||||
{
|
||||
el++;
|
||||
setTimeout("colorfade()", 0);
|
||||
}
|
||||
else
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
}
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart()" bgcolor="white">
|
||||
<div id="text0" style="position: absolute; top: 0px; font-size: 16pt; left: -210px; color: rgb(155,155,155);">Gecko</div>
|
||||
<div id="text1" style="position: absolute; top: 20px; font-size: 16pt; left: -210px; color: rgb(155,155,155);">Technology</div>
|
||||
<div id="text2" style="position: absolute; top: 40px; font-size: 16pt; left: -210px; color: rgb(155,155,155);">Text</div>
|
||||
<div id="text3" style="position: absolute; top: 60px; font-size: 16pt; left: -210px; color: rgb(155,155,155);">Transitions</div>
|
||||
<div id="text4" style="position: absolute; top: 80px; font-size: 16pt; left: -210px; color: rgb(155,155,155);">Fades</div>
|
||||
<div id="text5" style="position: absolute; top: 100px; font-size: 16pt; left: -210px; color: rgb(155,155,155);">without opacity</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
% http://localhost/page_load_test/dhtml/colorfade.html
|
||||
% http://localhost/page_load_test/dhtml/diagball.html
|
||||
% http://localhost/page_load_test/dhtml/fadespacing.html
|
||||
% http://localhost/page_load_test/dhtml/imageslide.html
|
||||
% http://localhost/page_load_test/dhtml/layers1.html
|
||||
% http://localhost/page_load_test/dhtml/layers2.html
|
||||
% http://localhost/page_load_test/dhtml/layers4.html
|
||||
% http://localhost/page_load_test/dhtml/layers5.html
|
||||
% http://localhost/page_load_test/dhtml/layers6.html
|
||||
% http://localhost/page_load_test/dhtml/meter.html
|
||||
% http://localhost/page_load_test/dhtml/movingtext.html
|
||||
% http://localhost/page_load_test/dhtml/mozilla.html
|
||||
% http://localhost/page_load_test/dhtml/replaceimages.html
|
||||
% http://localhost/page_load_test/dhtml/scrolling.html
|
||||
% http://localhost/page_load_test/dhtml/slidein.html
|
||||
% http://localhost/page_load_test/dhtml/slidingballs.html
|
||||
% http://localhost/page_load_test/dhtml/textslide.html
|
||||
% http://localhost/page_load_test/dhtml/zoom.html
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
<html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>Moving Ball</title>
|
||||
|
||||
<script type="text/javascript">
|
||||
var xPos = 0;
|
||||
var objBall;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
moveBall();
|
||||
}
|
||||
|
||||
function moveBall()
|
||||
{
|
||||
objBall = document.getElementById("ball");
|
||||
objBall.style.left = xPos + 'px';
|
||||
objBall.style.top = xPos + 'px';
|
||||
xPos++;
|
||||
if (xPos<=150)
|
||||
setTimeout("moveBall()", 0);
|
||||
else {
|
||||
var dur = Date.now() - startTime;
|
||||
tpRecordTime(dur);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head><body onload="mzDhtmlStart()">
|
||||
<img src="images/ball.gif" width="70" height="70" id="ball" style="position: absolute; left: 0px; top: 0px;">
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
<html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>DOM, CSS and Fonts - Sample Code: Animating Fonts with DOM</title>
|
||||
<script>
|
||||
|
||||
var count = 0;
|
||||
el=0; // Index of the element.
|
||||
anicounter=0; // Frame counter.
|
||||
colorvalue=255; // Aux color value.
|
||||
|
||||
var startTime;
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
fadein();
|
||||
}
|
||||
|
||||
function fadein()
|
||||
{
|
||||
// This is a 20-steps animation procedure.
|
||||
if (anicounter < 20)
|
||||
{
|
||||
anicounter++;
|
||||
currentSpace=parseFloat(document.getElementById("text"+el).style.letterSpacing);
|
||||
currentSpace+=.2;
|
||||
document.getElementById("text"+el).style.letterSpacing=currentSpace+"px";
|
||||
if(anicounter > 10)
|
||||
colorvalue-=25;
|
||||
|
||||
document.getElementById("text"+el).style.color="rgb("+colorvalue+","+colorvalue+","+colorvalue+")";
|
||||
posleft=parseInt(document.getElementById("text"+el).style.left);
|
||||
posleft-=1;
|
||||
document.getElementById("text"+el).style.left=posleft+"px";
|
||||
setTimeout("fadein()", 0);
|
||||
}
|
||||
else
|
||||
{
|
||||
anicounter=0;
|
||||
ge_valopacity=0;
|
||||
fadeout();
|
||||
}
|
||||
}
|
||||
|
||||
function fadeout()
|
||||
{
|
||||
if (anicounter < 20)
|
||||
{
|
||||
anicounter++;
|
||||
currentSpace=parseFloat(document.getElementById("text"+el).style.letterSpacing);
|
||||
currentSpace+=.2;
|
||||
document.getElementById("text"+el).style.letterSpacing=currentSpace+"px";
|
||||
if(anicounter>10)
|
||||
colorvalue+=25;
|
||||
|
||||
document.getElementById("text"+el).style.color="rgb("+colorvalue+","+colorvalue+","+colorvalue+")";
|
||||
posleft=parseInt(document.getElementById("text"+el).style.left);
|
||||
posleft-=2;
|
||||
document.getElementById("text"+el).style.left=posleft+"px";
|
||||
setTimeout("fadeout()", 0);
|
||||
}
|
||||
else
|
||||
{
|
||||
anicounter=0;
|
||||
colorvalue=255;
|
||||
el++;
|
||||
|
||||
if (el < 5)
|
||||
fadein();
|
||||
else
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
}
|
||||
|
||||
</script></head>
|
||||
<body onload="mzDhtmlStart();" bgcolor="white">
|
||||
|
||||
<div id="text0" style="position: absolute; top: 0px; font-size: 16pt; letter-spacing: 9px; color: rgb(255,255,255); left: 40px;">Netscape Communications</div>
|
||||
<div id="text1" style="position: absolute; top: 50px; font-size: 16pt; letter-spacing: 9px; color: rgb(255,255,255); left: 90px;">Gecko - Link Different</div>
|
||||
<div id="text2" style="position: absolute; top: 100px; font-size: 16pt; letter-spacing: 9px; color: rgb(255,255,255); left: 140px;">Cool Demos and Fades </div>
|
||||
<div id="text3" style="position: absolute; top: 150px; font-size: 16pt; letter-spacing: 9px; color: rgb(255,255,255); left: 190px;">Dynamic Font Spacing</div>
|
||||
<div id="text4" style="position: absolute; top: 200px; font-size: 16pt; letter-spacing: 9px; color: rgb(255,255,255); left: 240px;">Cool Gecko Technology</div>
|
||||
|
||||
</body></html>
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.1 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.6 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.9 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.8 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.3 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.9 KiB |
Двоичные данные
testing/performance/talos/page_load_test/dhtml/images/element_subnavigatio.gif
Normal file
Двоичные данные
testing/performance/talos/page_load_test/dhtml/images/element_subnavigatio.gif
Normal file
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 472 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.4 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.2 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.2 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.3 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.6 KiB |
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>tests</title>
|
||||
<script type="text/javascript">
|
||||
var x = 0;
|
||||
var div;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
animate();
|
||||
}
|
||||
|
||||
function animate() {
|
||||
if (x < 720)
|
||||
{
|
||||
div = document.getElementById("divElement");
|
||||
div.style.left = x + "px";
|
||||
x += 20;
|
||||
setTimeout("animate()", 0);
|
||||
}
|
||||
else
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div style="position: absolute; top: 100px; width: 90px;" id="divElement">
|
||||
<img src="images/element_subnavigatio.gif" width="90" height="10">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,235 @@
|
|||
<!DOCTYPE doctype PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>Main page of stress tests for IE,Mozilla,NS4</title>
|
||||
<script type="text/javascript">
|
||||
|
||||
var l=0;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
Step();
|
||||
}
|
||||
|
||||
function Step()
|
||||
{
|
||||
q=document.getElementsByTagName('div');
|
||||
for(i = 0; i < 200; i++)
|
||||
{
|
||||
q['lay'+i].style.left=20+(i*3)+l;
|
||||
}
|
||||
l += 5;
|
||||
if (l == 100) {
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
else
|
||||
setTimeout("Step()", 0);
|
||||
}
|
||||
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div id="desc" style="top: 0pt; left: 10px;">Layers 1 - Moving</div><br><hr>
|
||||
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 240px; left: 20px; width: 150px; height: 150px;" id="lay0">Layer 1</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 241px; left: 23px; width: 150px; height: 150px;" id="lay1">Layer 2</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 242px; left: 26px; width: 150px; height: 150px;" id="lay2">Layer 3</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 243px; left: 29px; width: 150px; height: 150px;" id="lay3">Layer 4</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 244px; left: 32px; width: 150px; height: 150px;" id="lay4">Layer 5</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 245px; left: 35px; width: 150px; height: 150px;" id="lay5">Layer 6</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 246px; left: 38px; width: 150px; height: 150px;" id="lay6">Layer 7</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 247px; left: 41px; width: 150px; height: 150px;" id="lay7">Layer 8</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 248px; left: 44px; width: 150px; height: 150px;" id="lay8">Layer 9</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 249px; left: 47px; width: 150px; height: 150px;" id="lay9">Layer 10</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 250px; left: 50px; width: 150px; height: 150px;" id="lay10">Layer 11</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 251px; left: 53px; width: 150px; height: 150px;" id="lay11">Layer 12</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 252px; left: 56px; width: 150px; height: 150px;" id="lay12">Layer 13</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 253px; left: 59px; width: 150px; height: 150px;" id="lay13">Layer 14</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 254px; left: 62px; width: 150px; height: 150px;" id="lay14">Layer 15</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 255px; left: 65px; width: 150px; height: 150px;" id="lay15">Layer 16</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 256px; left: 68px; width: 150px; height: 150px;" id="lay16">Layer 17</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 257px; left: 71px; width: 150px; height: 150px;" id="lay17">Layer 18</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 258px; left: 74px; width: 150px; height: 150px;" id="lay18">Layer 19</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 259px; left: 77px; width: 150px; height: 150px;" id="lay19">Layer 20</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 260px; left: 80px; width: 150px; height: 150px;" id="lay20">Layer 21</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 261px; left: 83px; width: 150px; height: 150px;" id="lay21">Layer 22</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 262px; left: 86px; width: 150px; height: 150px;" id="lay22">Layer 23</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 263px; left: 89px; width: 150px; height: 150px;" id="lay23">Layer 24</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 264px; left: 92px; width: 150px; height: 150px;" id="lay24">Layer 25</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 265px; left: 95px; width: 150px; height: 150px;" id="lay25">Layer 26</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 266px; left: 98px; width: 150px; height: 150px;" id="lay26">Layer 27</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 267px; left: 101px; width: 150px; height: 150px;" id="lay27">Layer 28</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 268px; left: 104px; width: 150px; height: 150px;" id="lay28">Layer 29</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 269px; left: 107px; width: 150px; height: 150px;" id="lay29">Layer 30</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 270px; left: 110px; width: 150px; height: 150px;" id="lay30">Layer 31</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 271px; left: 113px; width: 150px; height: 150px;" id="lay31">Layer 32</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 272px; left: 116px; width: 150px; height: 150px;" id="lay32">Layer 33</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 273px; left: 119px; width: 150px; height: 150px;" id="lay33">Layer 34</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 274px; left: 122px; width: 150px; height: 150px;" id="lay34">Layer 35</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 275px; left: 125px; width: 150px; height: 150px;" id="lay35">Layer 36</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 276px; left: 128px; width: 150px; height: 150px;" id="lay36">Layer 37</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 277px; left: 131px; width: 150px; height: 150px;" id="lay37">Layer 38</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 278px; left: 134px; width: 150px; height: 150px;" id="lay38">Layer 39</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 279px; left: 137px; width: 150px; height: 150px;" id="lay39">Layer 40</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 280px; left: 140px; width: 150px; height: 150px;" id="lay40">Layer 41</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 281px; left: 143px; width: 150px; height: 150px;" id="lay41">Layer 42</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 282px; left: 146px; width: 150px; height: 150px;" id="lay42">Layer 43</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 283px; left: 149px; width: 150px; height: 150px;" id="lay43">Layer 44</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 284px; left: 152px; width: 150px; height: 150px;" id="lay44">Layer 45</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 285px; left: 155px; width: 150px; height: 150px;" id="lay45">Layer 46</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 286px; left: 158px; width: 150px; height: 150px;" id="lay46">Layer 47</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 287px; left: 161px; width: 150px; height: 150px;" id="lay47">Layer 48</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 288px; left: 164px; width: 150px; height: 150px;" id="lay48">Layer 49</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 289px; left: 167px; width: 150px; height: 150px;" id="lay49">Layer 50</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 290px; left: 170px; width: 150px; height: 150px;" id="lay50">Layer 51</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 291px; left: 173px; width: 150px; height: 150px;" id="lay51">Layer 52</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 292px; left: 176px; width: 150px; height: 150px;" id="lay52">Layer 53</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 293px; left: 179px; width: 150px; height: 150px;" id="lay53">Layer 54</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 294px; left: 182px; width: 150px; height: 150px;" id="lay54">Layer 55</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 295px; left: 185px; width: 150px; height: 150px;" id="lay55">Layer 56</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 296px; left: 188px; width: 150px; height: 150px;" id="lay56">Layer 57</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 297px; left: 191px; width: 150px; height: 150px;" id="lay57">Layer 58</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 298px; left: 194px; width: 150px; height: 150px;" id="lay58">Layer 59</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 299px; left: 197px; width: 150px; height: 150px;" id="lay59">Layer 60</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 300px; left: 200px; width: 150px; height: 150px;" id="lay60">Layer 61</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 301px; left: 203px; width: 150px; height: 150px;" id="lay61">Layer 62</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 302px; left: 206px; width: 150px; height: 150px;" id="lay62">Layer 63</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 303px; left: 209px; width: 150px; height: 150px;" id="lay63">Layer 64</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 304px; left: 212px; width: 150px; height: 150px;" id="lay64">Layer 65</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 305px; left: 215px; width: 150px; height: 150px;" id="lay65">Layer 66</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 306px; left: 218px; width: 150px; height: 150px;" id="lay66">Layer 67</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 307px; left: 221px; width: 150px; height: 150px;" id="lay67">Layer 68</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 308px; left: 224px; width: 150px; height: 150px;" id="lay68">Layer 69</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 309px; left: 227px; width: 150px; height: 150px;" id="lay69">Layer 70</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 310px; left: 230px; width: 150px; height: 150px;" id="lay70">Layer 71</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 311px; left: 233px; width: 150px; height: 150px;" id="lay71">Layer 72</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 312px; left: 236px; width: 150px; height: 150px;" id="lay72">Layer 73</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 313px; left: 239px; width: 150px; height: 150px;" id="lay73">Layer 74</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 314px; left: 242px; width: 150px; height: 150px;" id="lay74">Layer 75</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 315px; left: 245px; width: 150px; height: 150px;" id="lay75">Layer 76</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 316px; left: 248px; width: 150px; height: 150px;" id="lay76">Layer 77</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 317px; left: 251px; width: 150px; height: 150px;" id="lay77">Layer 78</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 318px; left: 254px; width: 150px; height: 150px;" id="lay78">Layer 79</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 319px; left: 257px; width: 150px; height: 150px;" id="lay79">Layer 80</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 320px; left: 260px; width: 150px; height: 150px;" id="lay80">Layer 81</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 321px; left: 263px; width: 150px; height: 150px;" id="lay81">Layer 82</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 322px; left: 266px; width: 150px; height: 150px;" id="lay82">Layer 83</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 323px; left: 269px; width: 150px; height: 150px;" id="lay83">Layer 84</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 324px; left: 272px; width: 150px; height: 150px;" id="lay84">Layer 85</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 325px; left: 275px; width: 150px; height: 150px;" id="lay85">Layer 86</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 326px; left: 278px; width: 150px; height: 150px;" id="lay86">Layer 87</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 327px; left: 281px; width: 150px; height: 150px;" id="lay87">Layer 88</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 328px; left: 284px; width: 150px; height: 150px;" id="lay88">Layer 89</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 329px; left: 287px; width: 150px; height: 150px;" id="lay89">Layer 90</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 330px; left: 290px; width: 150px; height: 150px;" id="lay90">Layer 91</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 331px; left: 293px; width: 150px; height: 150px;" id="lay91">Layer 92</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 332px; left: 296px; width: 150px; height: 150px;" id="lay92">Layer 93</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 333px; left: 299px; width: 150px; height: 150px;" id="lay93">Layer 94</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 334px; left: 302px; width: 150px; height: 150px;" id="lay94">Layer 95</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 335px; left: 305px; width: 150px; height: 150px;" id="lay95">Layer 96</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 336px; left: 308px; width: 150px; height: 150px;" id="lay96">Layer 97</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 337px; left: 311px; width: 150px; height: 150px;" id="lay97">Layer 98</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 338px; left: 314px; width: 150px; height: 150px;" id="lay98">Layer 99</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 339px; left: 317px; width: 150px; height: 150px;" id="lay99">Layer 100</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 340px; left: 320px; width: 150px; height: 150px;" id="lay100">Layer 101</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 341px; left: 323px; width: 150px; height: 150px;" id="lay101">Layer 102</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 342px; left: 326px; width: 150px; height: 150px;" id="lay102">Layer 103</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 343px; left: 329px; width: 150px; height: 150px;" id="lay103">Layer 104</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 344px; left: 332px; width: 150px; height: 150px;" id="lay104">Layer 105</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 345px; left: 335px; width: 150px; height: 150px;" id="lay105">Layer 106</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 346px; left: 338px; width: 150px; height: 150px;" id="lay106">Layer 107</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 347px; left: 341px; width: 150px; height: 150px;" id="lay107">Layer 108</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 348px; left: 344px; width: 150px; height: 150px;" id="lay108">Layer 109</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 349px; left: 347px; width: 150px; height: 150px;" id="lay109">Layer 110</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 350px; left: 350px; width: 150px; height: 150px;" id="lay110">Layer 111</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 351px; left: 353px; width: 150px; height: 150px;" id="lay111">Layer 112</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 352px; left: 356px; width: 150px; height: 150px;" id="lay112">Layer 113</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 353px; left: 359px; width: 150px; height: 150px;" id="lay113">Layer 114</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 354px; left: 362px; width: 150px; height: 150px;" id="lay114">Layer 115</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 355px; left: 365px; width: 150px; height: 150px;" id="lay115">Layer 116</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 356px; left: 368px; width: 150px; height: 150px;" id="lay116">Layer 117</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 357px; left: 371px; width: 150px; height: 150px;" id="lay117">Layer 118</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 358px; left: 374px; width: 150px; height: 150px;" id="lay118">Layer 119</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 359px; left: 377px; width: 150px; height: 150px;" id="lay119">Layer 120</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 360px; left: 380px; width: 150px; height: 150px;" id="lay120">Layer 121</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 361px; left: 383px; width: 150px; height: 150px;" id="lay121">Layer 122</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 362px; left: 386px; width: 150px; height: 150px;" id="lay122">Layer 123</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 363px; left: 389px; width: 150px; height: 150px;" id="lay123">Layer 124</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 364px; left: 392px; width: 150px; height: 150px;" id="lay124">Layer 125</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 365px; left: 395px; width: 150px; height: 150px;" id="lay125">Layer 126</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 366px; left: 398px; width: 150px; height: 150px;" id="lay126">Layer 127</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 367px; left: 401px; width: 150px; height: 150px;" id="lay127">Layer 128</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 368px; left: 404px; width: 150px; height: 150px;" id="lay128">Layer 129</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 369px; left: 407px; width: 150px; height: 150px;" id="lay129">Layer 130</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 370px; left: 410px; width: 150px; height: 150px;" id="lay130">Layer 131</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 371px; left: 413px; width: 150px; height: 150px;" id="lay131">Layer 132</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 372px; left: 416px; width: 150px; height: 150px;" id="lay132">Layer 133</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 373px; left: 419px; width: 150px; height: 150px;" id="lay133">Layer 134</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 374px; left: 422px; width: 150px; height: 150px;" id="lay134">Layer 135</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 375px; left: 425px; width: 150px; height: 150px;" id="lay135">Layer 136</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 376px; left: 428px; width: 150px; height: 150px;" id="lay136">Layer 137</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 377px; left: 431px; width: 150px; height: 150px;" id="lay137">Layer 138</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 378px; left: 434px; width: 150px; height: 150px;" id="lay138">Layer 139</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 379px; left: 437px; width: 150px; height: 150px;" id="lay139">Layer 140</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 380px; left: 440px; width: 150px; height: 150px;" id="lay140">Layer 141</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 381px; left: 443px; width: 150px; height: 150px;" id="lay141">Layer 142</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 382px; left: 446px; width: 150px; height: 150px;" id="lay142">Layer 143</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 383px; left: 449px; width: 150px; height: 150px;" id="lay143">Layer 144</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 384px; left: 452px; width: 150px; height: 150px;" id="lay144">Layer 145</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 385px; left: 455px; width: 150px; height: 150px;" id="lay145">Layer 146</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 386px; left: 458px; width: 150px; height: 150px;" id="lay146">Layer 147</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 387px; left: 461px; width: 150px; height: 150px;" id="lay147">Layer 148</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 388px; left: 464px; width: 150px; height: 150px;" id="lay148">Layer 149</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 389px; left: 467px; width: 150px; height: 150px;" id="lay149">Layer 150</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 390px; left: 470px; width: 150px; height: 150px;" id="lay150">Layer 151</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 391px; left: 473px; width: 150px; height: 150px;" id="lay151">Layer 152</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 392px; left: 476px; width: 150px; height: 150px;" id="lay152">Layer 153</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 393px; left: 479px; width: 150px; height: 150px;" id="lay153">Layer 154</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 394px; left: 482px; width: 150px; height: 150px;" id="lay154">Layer 155</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 395px; left: 485px; width: 150px; height: 150px;" id="lay155">Layer 156</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 396px; left: 488px; width: 150px; height: 150px;" id="lay156">Layer 157</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 397px; left: 491px; width: 150px; height: 150px;" id="lay157">Layer 158</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 398px; left: 494px; width: 150px; height: 150px;" id="lay158">Layer 159</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 399px; left: 497px; width: 150px; height: 150px;" id="lay159">Layer 160</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 400px; left: 500px; width: 150px; height: 150px;" id="lay160">Layer 161</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 401px; left: 503px; width: 150px; height: 150px;" id="lay161">Layer 162</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 402px; left: 506px; width: 150px; height: 150px;" id="lay162">Layer 163</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 403px; left: 509px; width: 150px; height: 150px;" id="lay163">Layer 164</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 404px; left: 512px; width: 150px; height: 150px;" id="lay164">Layer 165</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 405px; left: 515px; width: 150px; height: 150px;" id="lay165">Layer 166</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 406px; left: 518px; width: 150px; height: 150px;" id="lay166">Layer 167</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 407px; left: 521px; width: 150px; height: 150px;" id="lay167">Layer 168</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 408px; left: 524px; width: 150px; height: 150px;" id="lay168">Layer 169</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 409px; left: 527px; width: 150px; height: 150px;" id="lay169">Layer 170</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 410px; left: 530px; width: 150px; height: 150px;" id="lay170">Layer 171</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 411px; left: 533px; width: 150px; height: 150px;" id="lay171">Layer 172</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 412px; left: 536px; width: 150px; height: 150px;" id="lay172">Layer 173</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 413px; left: 539px; width: 150px; height: 150px;" id="lay173">Layer 174</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 414px; left: 542px; width: 150px; height: 150px;" id="lay174">Layer 175</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 415px; left: 545px; width: 150px; height: 150px;" id="lay175">Layer 176</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 416px; left: 548px; width: 150px; height: 150px;" id="lay176">Layer 177</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 417px; left: 551px; width: 150px; height: 150px;" id="lay177">Layer 178</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 418px; left: 554px; width: 150px; height: 150px;" id="lay178">Layer 179</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 419px; left: 557px; width: 150px; height: 150px;" id="lay179">Layer 180</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 420px; left: 560px; width: 150px; height: 150px;" id="lay180">Layer 181</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 421px; left: 563px; width: 150px; height: 150px;" id="lay181">Layer 182</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 422px; left: 566px; width: 150px; height: 150px;" id="lay182">Layer 183</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 423px; left: 569px; width: 150px; height: 150px;" id="lay183">Layer 184</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 424px; left: 572px; width: 150px; height: 150px;" id="lay184">Layer 185</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 425px; left: 575px; width: 150px; height: 150px;" id="lay185">Layer 186</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 426px; left: 578px; width: 150px; height: 150px;" id="lay186">Layer 187</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 427px; left: 581px; width: 150px; height: 150px;" id="lay187">Layer 188</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 428px; left: 584px; width: 150px; height: 150px;" id="lay188">Layer 189</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 429px; left: 587px; width: 150px; height: 150px;" id="lay189">Layer 190</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 430px; left: 590px; width: 150px; height: 150px;" id="lay190">Layer 191</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 431px; left: 593px; width: 150px; height: 150px;" id="lay191">Layer 192</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 432px; left: 596px; width: 150px; height: 150px;" id="lay192">Layer 193</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 433px; left: 599px; width: 150px; height: 150px;" id="lay193">Layer 194</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 434px; left: 602px; width: 150px; height: 150px;" id="lay194">Layer 195</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 435px; left: 605px; width: 150px; height: 150px;" id="lay195">Layer 196</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 436px; left: 608px; width: 150px; height: 150px;" id="lay196">Layer 197</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 437px; left: 611px; width: 150px; height: 150px;" id="lay197">Layer 198</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 438px; left: 614px; width: 150px; height: 150px;" id="lay198">Layer 199</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 439px; left: 617px; width: 150px; height: 150px;" id="lay199">Layer 200</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,232 @@
|
|||
<!DOCTYPE doctype PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>Main page of stress tests for IE,Mozilla,NS4</title>
|
||||
<script type="text/javascript">
|
||||
var l=0;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
Clip();
|
||||
}
|
||||
|
||||
//////////////////// Clipping Layers
|
||||
function Clip()
|
||||
{
|
||||
q=document.getElementsByTagName('div');
|
||||
|
||||
for(i=0;i<200;i++)
|
||||
{
|
||||
q['lay'+i].style.clip='rect(0 100 100 0)';
|
||||
}
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
|
||||
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div id="desc" style="top: 0pt; left: 10px;">Layers 2 - Clipping</div><br><hr>
|
||||
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 240px; left: 20px; width: 150px; height: 150px;" id="lay0">Layer 1</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 241px; left: 23px; width: 150px; height: 150px;" id="lay1">Layer 2</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 242px; left: 26px; width: 150px; height: 150px;" id="lay2">Layer 3</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 243px; left: 29px; width: 150px; height: 150px;" id="lay3">Layer 4</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 244px; left: 32px; width: 150px; height: 150px;" id="lay4">Layer 5</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 245px; left: 35px; width: 150px; height: 150px;" id="lay5">Layer 6</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 246px; left: 38px; width: 150px; height: 150px;" id="lay6">Layer 7</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 247px; left: 41px; width: 150px; height: 150px;" id="lay7">Layer 8</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 248px; left: 44px; width: 150px; height: 150px;" id="lay8">Layer 9</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 249px; left: 47px; width: 150px; height: 150px;" id="lay9">Layer 10</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 250px; left: 50px; width: 150px; height: 150px;" id="lay10">Layer 11</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 251px; left: 53px; width: 150px; height: 150px;" id="lay11">Layer 12</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 252px; left: 56px; width: 150px; height: 150px;" id="lay12">Layer 13</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 253px; left: 59px; width: 150px; height: 150px;" id="lay13">Layer 14</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 254px; left: 62px; width: 150px; height: 150px;" id="lay14">Layer 15</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 255px; left: 65px; width: 150px; height: 150px;" id="lay15">Layer 16</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 256px; left: 68px; width: 150px; height: 150px;" id="lay16">Layer 17</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 257px; left: 71px; width: 150px; height: 150px;" id="lay17">Layer 18</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 258px; left: 74px; width: 150px; height: 150px;" id="lay18">Layer 19</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 259px; left: 77px; width: 150px; height: 150px;" id="lay19">Layer 20</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 260px; left: 80px; width: 150px; height: 150px;" id="lay20">Layer 21</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 261px; left: 83px; width: 150px; height: 150px;" id="lay21">Layer 22</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 262px; left: 86px; width: 150px; height: 150px;" id="lay22">Layer 23</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 263px; left: 89px; width: 150px; height: 150px;" id="lay23">Layer 24</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 264px; left: 92px; width: 150px; height: 150px;" id="lay24">Layer 25</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 265px; left: 95px; width: 150px; height: 150px;" id="lay25">Layer 26</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 266px; left: 98px; width: 150px; height: 150px;" id="lay26">Layer 27</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 267px; left: 101px; width: 150px; height: 150px;" id="lay27">Layer 28</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 268px; left: 104px; width: 150px; height: 150px;" id="lay28">Layer 29</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 269px; left: 107px; width: 150px; height: 150px;" id="lay29">Layer 30</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 270px; left: 110px; width: 150px; height: 150px;" id="lay30">Layer 31</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 271px; left: 113px; width: 150px; height: 150px;" id="lay31">Layer 32</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 272px; left: 116px; width: 150px; height: 150px;" id="lay32">Layer 33</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 273px; left: 119px; width: 150px; height: 150px;" id="lay33">Layer 34</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 274px; left: 122px; width: 150px; height: 150px;" id="lay34">Layer 35</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 275px; left: 125px; width: 150px; height: 150px;" id="lay35">Layer 36</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 276px; left: 128px; width: 150px; height: 150px;" id="lay36">Layer 37</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 277px; left: 131px; width: 150px; height: 150px;" id="lay37">Layer 38</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 278px; left: 134px; width: 150px; height: 150px;" id="lay38">Layer 39</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 279px; left: 137px; width: 150px; height: 150px;" id="lay39">Layer 40</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 280px; left: 140px; width: 150px; height: 150px;" id="lay40">Layer 41</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 281px; left: 143px; width: 150px; height: 150px;" id="lay41">Layer 42</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 282px; left: 146px; width: 150px; height: 150px;" id="lay42">Layer 43</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 283px; left: 149px; width: 150px; height: 150px;" id="lay43">Layer 44</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 284px; left: 152px; width: 150px; height: 150px;" id="lay44">Layer 45</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 285px; left: 155px; width: 150px; height: 150px;" id="lay45">Layer 46</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 286px; left: 158px; width: 150px; height: 150px;" id="lay46">Layer 47</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 287px; left: 161px; width: 150px; height: 150px;" id="lay47">Layer 48</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 288px; left: 164px; width: 150px; height: 150px;" id="lay48">Layer 49</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 289px; left: 167px; width: 150px; height: 150px;" id="lay49">Layer 50</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 290px; left: 170px; width: 150px; height: 150px;" id="lay50">Layer 51</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 291px; left: 173px; width: 150px; height: 150px;" id="lay51">Layer 52</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 292px; left: 176px; width: 150px; height: 150px;" id="lay52">Layer 53</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 293px; left: 179px; width: 150px; height: 150px;" id="lay53">Layer 54</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 294px; left: 182px; width: 150px; height: 150px;" id="lay54">Layer 55</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 295px; left: 185px; width: 150px; height: 150px;" id="lay55">Layer 56</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 296px; left: 188px; width: 150px; height: 150px;" id="lay56">Layer 57</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 297px; left: 191px; width: 150px; height: 150px;" id="lay57">Layer 58</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 298px; left: 194px; width: 150px; height: 150px;" id="lay58">Layer 59</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 299px; left: 197px; width: 150px; height: 150px;" id="lay59">Layer 60</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 300px; left: 200px; width: 150px; height: 150px;" id="lay60">Layer 61</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 301px; left: 203px; width: 150px; height: 150px;" id="lay61">Layer 62</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 302px; left: 206px; width: 150px; height: 150px;" id="lay62">Layer 63</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 303px; left: 209px; width: 150px; height: 150px;" id="lay63">Layer 64</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 304px; left: 212px; width: 150px; height: 150px;" id="lay64">Layer 65</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 305px; left: 215px; width: 150px; height: 150px;" id="lay65">Layer 66</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 306px; left: 218px; width: 150px; height: 150px;" id="lay66">Layer 67</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 307px; left: 221px; width: 150px; height: 150px;" id="lay67">Layer 68</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 308px; left: 224px; width: 150px; height: 150px;" id="lay68">Layer 69</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 309px; left: 227px; width: 150px; height: 150px;" id="lay69">Layer 70</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 310px; left: 230px; width: 150px; height: 150px;" id="lay70">Layer 71</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 311px; left: 233px; width: 150px; height: 150px;" id="lay71">Layer 72</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 312px; left: 236px; width: 150px; height: 150px;" id="lay72">Layer 73</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 313px; left: 239px; width: 150px; height: 150px;" id="lay73">Layer 74</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 314px; left: 242px; width: 150px; height: 150px;" id="lay74">Layer 75</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 315px; left: 245px; width: 150px; height: 150px;" id="lay75">Layer 76</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 316px; left: 248px; width: 150px; height: 150px;" id="lay76">Layer 77</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 317px; left: 251px; width: 150px; height: 150px;" id="lay77">Layer 78</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 318px; left: 254px; width: 150px; height: 150px;" id="lay78">Layer 79</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 319px; left: 257px; width: 150px; height: 150px;" id="lay79">Layer 80</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 320px; left: 260px; width: 150px; height: 150px;" id="lay80">Layer 81</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 321px; left: 263px; width: 150px; height: 150px;" id="lay81">Layer 82</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 322px; left: 266px; width: 150px; height: 150px;" id="lay82">Layer 83</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 323px; left: 269px; width: 150px; height: 150px;" id="lay83">Layer 84</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 324px; left: 272px; width: 150px; height: 150px;" id="lay84">Layer 85</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 325px; left: 275px; width: 150px; height: 150px;" id="lay85">Layer 86</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 326px; left: 278px; width: 150px; height: 150px;" id="lay86">Layer 87</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 327px; left: 281px; width: 150px; height: 150px;" id="lay87">Layer 88</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 328px; left: 284px; width: 150px; height: 150px;" id="lay88">Layer 89</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 329px; left: 287px; width: 150px; height: 150px;" id="lay89">Layer 90</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 330px; left: 290px; width: 150px; height: 150px;" id="lay90">Layer 91</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 331px; left: 293px; width: 150px; height: 150px;" id="lay91">Layer 92</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 332px; left: 296px; width: 150px; height: 150px;" id="lay92">Layer 93</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 333px; left: 299px; width: 150px; height: 150px;" id="lay93">Layer 94</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 334px; left: 302px; width: 150px; height: 150px;" id="lay94">Layer 95</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 335px; left: 305px; width: 150px; height: 150px;" id="lay95">Layer 96</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 336px; left: 308px; width: 150px; height: 150px;" id="lay96">Layer 97</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 337px; left: 311px; width: 150px; height: 150px;" id="lay97">Layer 98</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 338px; left: 314px; width: 150px; height: 150px;" id="lay98">Layer 99</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 339px; left: 317px; width: 150px; height: 150px;" id="lay99">Layer 100</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 340px; left: 320px; width: 150px; height: 150px;" id="lay100">Layer 101</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 341px; left: 323px; width: 150px; height: 150px;" id="lay101">Layer 102</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 342px; left: 326px; width: 150px; height: 150px;" id="lay102">Layer 103</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 343px; left: 329px; width: 150px; height: 150px;" id="lay103">Layer 104</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 344px; left: 332px; width: 150px; height: 150px;" id="lay104">Layer 105</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 345px; left: 335px; width: 150px; height: 150px;" id="lay105">Layer 106</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 346px; left: 338px; width: 150px; height: 150px;" id="lay106">Layer 107</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 347px; left: 341px; width: 150px; height: 150px;" id="lay107">Layer 108</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 348px; left: 344px; width: 150px; height: 150px;" id="lay108">Layer 109</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 349px; left: 347px; width: 150px; height: 150px;" id="lay109">Layer 110</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 350px; left: 350px; width: 150px; height: 150px;" id="lay110">Layer 111</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 351px; left: 353px; width: 150px; height: 150px;" id="lay111">Layer 112</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 352px; left: 356px; width: 150px; height: 150px;" id="lay112">Layer 113</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 353px; left: 359px; width: 150px; height: 150px;" id="lay113">Layer 114</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 354px; left: 362px; width: 150px; height: 150px;" id="lay114">Layer 115</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 355px; left: 365px; width: 150px; height: 150px;" id="lay115">Layer 116</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 356px; left: 368px; width: 150px; height: 150px;" id="lay116">Layer 117</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 357px; left: 371px; width: 150px; height: 150px;" id="lay117">Layer 118</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 358px; left: 374px; width: 150px; height: 150px;" id="lay118">Layer 119</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 359px; left: 377px; width: 150px; height: 150px;" id="lay119">Layer 120</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 360px; left: 380px; width: 150px; height: 150px;" id="lay120">Layer 121</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 361px; left: 383px; width: 150px; height: 150px;" id="lay121">Layer 122</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 362px; left: 386px; width: 150px; height: 150px;" id="lay122">Layer 123</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 363px; left: 389px; width: 150px; height: 150px;" id="lay123">Layer 124</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 364px; left: 392px; width: 150px; height: 150px;" id="lay124">Layer 125</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 365px; left: 395px; width: 150px; height: 150px;" id="lay125">Layer 126</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 366px; left: 398px; width: 150px; height: 150px;" id="lay126">Layer 127</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 367px; left: 401px; width: 150px; height: 150px;" id="lay127">Layer 128</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 368px; left: 404px; width: 150px; height: 150px;" id="lay128">Layer 129</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 369px; left: 407px; width: 150px; height: 150px;" id="lay129">Layer 130</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 370px; left: 410px; width: 150px; height: 150px;" id="lay130">Layer 131</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 371px; left: 413px; width: 150px; height: 150px;" id="lay131">Layer 132</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 372px; left: 416px; width: 150px; height: 150px;" id="lay132">Layer 133</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 373px; left: 419px; width: 150px; height: 150px;" id="lay133">Layer 134</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 374px; left: 422px; width: 150px; height: 150px;" id="lay134">Layer 135</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 375px; left: 425px; width: 150px; height: 150px;" id="lay135">Layer 136</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 376px; left: 428px; width: 150px; height: 150px;" id="lay136">Layer 137</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 377px; left: 431px; width: 150px; height: 150px;" id="lay137">Layer 138</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 378px; left: 434px; width: 150px; height: 150px;" id="lay138">Layer 139</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 379px; left: 437px; width: 150px; height: 150px;" id="lay139">Layer 140</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 380px; left: 440px; width: 150px; height: 150px;" id="lay140">Layer 141</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 381px; left: 443px; width: 150px; height: 150px;" id="lay141">Layer 142</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 382px; left: 446px; width: 150px; height: 150px;" id="lay142">Layer 143</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 383px; left: 449px; width: 150px; height: 150px;" id="lay143">Layer 144</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 384px; left: 452px; width: 150px; height: 150px;" id="lay144">Layer 145</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 385px; left: 455px; width: 150px; height: 150px;" id="lay145">Layer 146</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 386px; left: 458px; width: 150px; height: 150px;" id="lay146">Layer 147</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 387px; left: 461px; width: 150px; height: 150px;" id="lay147">Layer 148</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 388px; left: 464px; width: 150px; height: 150px;" id="lay148">Layer 149</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 389px; left: 467px; width: 150px; height: 150px;" id="lay149">Layer 150</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 390px; left: 470px; width: 150px; height: 150px;" id="lay150">Layer 151</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 391px; left: 473px; width: 150px; height: 150px;" id="lay151">Layer 152</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 392px; left: 476px; width: 150px; height: 150px;" id="lay152">Layer 153</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 393px; left: 479px; width: 150px; height: 150px;" id="lay153">Layer 154</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 394px; left: 482px; width: 150px; height: 150px;" id="lay154">Layer 155</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 395px; left: 485px; width: 150px; height: 150px;" id="lay155">Layer 156</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 396px; left: 488px; width: 150px; height: 150px;" id="lay156">Layer 157</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 397px; left: 491px; width: 150px; height: 150px;" id="lay157">Layer 158</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 398px; left: 494px; width: 150px; height: 150px;" id="lay158">Layer 159</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 399px; left: 497px; width: 150px; height: 150px;" id="lay159">Layer 160</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 400px; left: 500px; width: 150px; height: 150px;" id="lay160">Layer 161</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 401px; left: 503px; width: 150px; height: 150px;" id="lay161">Layer 162</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 402px; left: 506px; width: 150px; height: 150px;" id="lay162">Layer 163</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 403px; left: 509px; width: 150px; height: 150px;" id="lay163">Layer 164</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 404px; left: 512px; width: 150px; height: 150px;" id="lay164">Layer 165</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 405px; left: 515px; width: 150px; height: 150px;" id="lay165">Layer 166</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 406px; left: 518px; width: 150px; height: 150px;" id="lay166">Layer 167</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 407px; left: 521px; width: 150px; height: 150px;" id="lay167">Layer 168</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 408px; left: 524px; width: 150px; height: 150px;" id="lay168">Layer 169</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 409px; left: 527px; width: 150px; height: 150px;" id="lay169">Layer 170</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 410px; left: 530px; width: 150px; height: 150px;" id="lay170">Layer 171</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 411px; left: 533px; width: 150px; height: 150px;" id="lay171">Layer 172</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 412px; left: 536px; width: 150px; height: 150px;" id="lay172">Layer 173</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 413px; left: 539px; width: 150px; height: 150px;" id="lay173">Layer 174</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 414px; left: 542px; width: 150px; height: 150px;" id="lay174">Layer 175</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 415px; left: 545px; width: 150px; height: 150px;" id="lay175">Layer 176</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 416px; left: 548px; width: 150px; height: 150px;" id="lay176">Layer 177</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 417px; left: 551px; width: 150px; height: 150px;" id="lay177">Layer 178</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 418px; left: 554px; width: 150px; height: 150px;" id="lay178">Layer 179</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 419px; left: 557px; width: 150px; height: 150px;" id="lay179">Layer 180</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 420px; left: 560px; width: 150px; height: 150px;" id="lay180">Layer 181</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 421px; left: 563px; width: 150px; height: 150px;" id="lay181">Layer 182</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 422px; left: 566px; width: 150px; height: 150px;" id="lay182">Layer 183</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 423px; left: 569px; width: 150px; height: 150px;" id="lay183">Layer 184</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 424px; left: 572px; width: 150px; height: 150px;" id="lay184">Layer 185</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 425px; left: 575px; width: 150px; height: 150px;" id="lay185">Layer 186</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 426px; left: 578px; width: 150px; height: 150px;" id="lay186">Layer 187</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 427px; left: 581px; width: 150px; height: 150px;" id="lay187">Layer 188</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 428px; left: 584px; width: 150px; height: 150px;" id="lay188">Layer 189</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 429px; left: 587px; width: 150px; height: 150px;" id="lay189">Layer 190</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 430px; left: 590px; width: 150px; height: 150px;" id="lay190">Layer 191</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 431px; left: 593px; width: 150px; height: 150px;" id="lay191">Layer 192</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 432px; left: 596px; width: 150px; height: 150px;" id="lay192">Layer 193</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 433px; left: 599px; width: 150px; height: 150px;" id="lay193">Layer 194</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 434px; left: 602px; width: 150px; height: 150px;" id="lay194">Layer 195</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 435px; left: 605px; width: 150px; height: 150px;" id="lay195">Layer 196</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 436px; left: 608px; width: 150px; height: 150px;" id="lay196">Layer 197</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 437px; left: 611px; width: 150px; height: 150px;" id="lay197">Layer 198</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 438px; left: 614px; width: 150px; height: 150px;" id="lay198">Layer 199</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 439px; left: 617px; width: 150px; height: 150px;" id="lay199">Layer 200</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,230 @@
|
|||
<!DOCTYPE doctype PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>Main page of stress tests for IE,Mozilla,NS4</title>
|
||||
<script type="text/javascript">
|
||||
var l=0;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
RevZ();
|
||||
}
|
||||
|
||||
//////////////////// Reverting Layers
|
||||
function RevZ()
|
||||
{
|
||||
q=document.getElementsByTagName('div');
|
||||
for(l=199; l>=0; l--)
|
||||
{
|
||||
q['lay'+l].style.zIndex=200-l;
|
||||
}
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div id="desc" style="top: 0pt; left: 10px;">Layers 4 - zIndex</div><br><hr>
|
||||
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 240px; left: 20px; width: 150px; height: 150px;" id="lay0">Layer 1</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 241px; left: 23px; width: 150px; height: 150px;" id="lay1">Layer 2</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 242px; left: 26px; width: 150px; height: 150px;" id="lay2">Layer 3</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 243px; left: 29px; width: 150px; height: 150px;" id="lay3">Layer 4</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 244px; left: 32px; width: 150px; height: 150px;" id="lay4">Layer 5</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 245px; left: 35px; width: 150px; height: 150px;" id="lay5">Layer 6</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 246px; left: 38px; width: 150px; height: 150px;" id="lay6">Layer 7</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 247px; left: 41px; width: 150px; height: 150px;" id="lay7">Layer 8</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 248px; left: 44px; width: 150px; height: 150px;" id="lay8">Layer 9</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 249px; left: 47px; width: 150px; height: 150px;" id="lay9">Layer 10</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 250px; left: 50px; width: 150px; height: 150px;" id="lay10">Layer 11</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 251px; left: 53px; width: 150px; height: 150px;" id="lay11">Layer 12</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 252px; left: 56px; width: 150px; height: 150px;" id="lay12">Layer 13</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 253px; left: 59px; width: 150px; height: 150px;" id="lay13">Layer 14</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 254px; left: 62px; width: 150px; height: 150px;" id="lay14">Layer 15</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 255px; left: 65px; width: 150px; height: 150px;" id="lay15">Layer 16</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 256px; left: 68px; width: 150px; height: 150px;" id="lay16">Layer 17</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 257px; left: 71px; width: 150px; height: 150px;" id="lay17">Layer 18</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 258px; left: 74px; width: 150px; height: 150px;" id="lay18">Layer 19</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 259px; left: 77px; width: 150px; height: 150px;" id="lay19">Layer 20</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 260px; left: 80px; width: 150px; height: 150px;" id="lay20">Layer 21</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 261px; left: 83px; width: 150px; height: 150px;" id="lay21">Layer 22</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 262px; left: 86px; width: 150px; height: 150px;" id="lay22">Layer 23</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 263px; left: 89px; width: 150px; height: 150px;" id="lay23">Layer 24</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 264px; left: 92px; width: 150px; height: 150px;" id="lay24">Layer 25</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 265px; left: 95px; width: 150px; height: 150px;" id="lay25">Layer 26</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 266px; left: 98px; width: 150px; height: 150px;" id="lay26">Layer 27</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 267px; left: 101px; width: 150px; height: 150px;" id="lay27">Layer 28</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 268px; left: 104px; width: 150px; height: 150px;" id="lay28">Layer 29</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 269px; left: 107px; width: 150px; height: 150px;" id="lay29">Layer 30</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 270px; left: 110px; width: 150px; height: 150px;" id="lay30">Layer 31</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 271px; left: 113px; width: 150px; height: 150px;" id="lay31">Layer 32</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 272px; left: 116px; width: 150px; height: 150px;" id="lay32">Layer 33</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 273px; left: 119px; width: 150px; height: 150px;" id="lay33">Layer 34</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 274px; left: 122px; width: 150px; height: 150px;" id="lay34">Layer 35</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 275px; left: 125px; width: 150px; height: 150px;" id="lay35">Layer 36</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 276px; left: 128px; width: 150px; height: 150px;" id="lay36">Layer 37</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 277px; left: 131px; width: 150px; height: 150px;" id="lay37">Layer 38</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 278px; left: 134px; width: 150px; height: 150px;" id="lay38">Layer 39</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 279px; left: 137px; width: 150px; height: 150px;" id="lay39">Layer 40</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 280px; left: 140px; width: 150px; height: 150px;" id="lay40">Layer 41</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 281px; left: 143px; width: 150px; height: 150px;" id="lay41">Layer 42</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 282px; left: 146px; width: 150px; height: 150px;" id="lay42">Layer 43</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 283px; left: 149px; width: 150px; height: 150px;" id="lay43">Layer 44</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 284px; left: 152px; width: 150px; height: 150px;" id="lay44">Layer 45</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 285px; left: 155px; width: 150px; height: 150px;" id="lay45">Layer 46</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 286px; left: 158px; width: 150px; height: 150px;" id="lay46">Layer 47</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 287px; left: 161px; width: 150px; height: 150px;" id="lay47">Layer 48</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 288px; left: 164px; width: 150px; height: 150px;" id="lay48">Layer 49</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 289px; left: 167px; width: 150px; height: 150px;" id="lay49">Layer 50</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 290px; left: 170px; width: 150px; height: 150px;" id="lay50">Layer 51</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 291px; left: 173px; width: 150px; height: 150px;" id="lay51">Layer 52</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 292px; left: 176px; width: 150px; height: 150px;" id="lay52">Layer 53</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 293px; left: 179px; width: 150px; height: 150px;" id="lay53">Layer 54</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 294px; left: 182px; width: 150px; height: 150px;" id="lay54">Layer 55</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 295px; left: 185px; width: 150px; height: 150px;" id="lay55">Layer 56</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 296px; left: 188px; width: 150px; height: 150px;" id="lay56">Layer 57</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 297px; left: 191px; width: 150px; height: 150px;" id="lay57">Layer 58</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 298px; left: 194px; width: 150px; height: 150px;" id="lay58">Layer 59</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 299px; left: 197px; width: 150px; height: 150px;" id="lay59">Layer 60</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 300px; left: 200px; width: 150px; height: 150px;" id="lay60">Layer 61</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 301px; left: 203px; width: 150px; height: 150px;" id="lay61">Layer 62</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 302px; left: 206px; width: 150px; height: 150px;" id="lay62">Layer 63</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 303px; left: 209px; width: 150px; height: 150px;" id="lay63">Layer 64</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 304px; left: 212px; width: 150px; height: 150px;" id="lay64">Layer 65</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 305px; left: 215px; width: 150px; height: 150px;" id="lay65">Layer 66</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 306px; left: 218px; width: 150px; height: 150px;" id="lay66">Layer 67</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 307px; left: 221px; width: 150px; height: 150px;" id="lay67">Layer 68</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 308px; left: 224px; width: 150px; height: 150px;" id="lay68">Layer 69</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 309px; left: 227px; width: 150px; height: 150px;" id="lay69">Layer 70</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 310px; left: 230px; width: 150px; height: 150px;" id="lay70">Layer 71</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 311px; left: 233px; width: 150px; height: 150px;" id="lay71">Layer 72</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 312px; left: 236px; width: 150px; height: 150px;" id="lay72">Layer 73</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 313px; left: 239px; width: 150px; height: 150px;" id="lay73">Layer 74</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 314px; left: 242px; width: 150px; height: 150px;" id="lay74">Layer 75</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 315px; left: 245px; width: 150px; height: 150px;" id="lay75">Layer 76</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 316px; left: 248px; width: 150px; height: 150px;" id="lay76">Layer 77</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 317px; left: 251px; width: 150px; height: 150px;" id="lay77">Layer 78</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 318px; left: 254px; width: 150px; height: 150px;" id="lay78">Layer 79</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 319px; left: 257px; width: 150px; height: 150px;" id="lay79">Layer 80</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 320px; left: 260px; width: 150px; height: 150px;" id="lay80">Layer 81</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 321px; left: 263px; width: 150px; height: 150px;" id="lay81">Layer 82</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 322px; left: 266px; width: 150px; height: 150px;" id="lay82">Layer 83</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 323px; left: 269px; width: 150px; height: 150px;" id="lay83">Layer 84</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 324px; left: 272px; width: 150px; height: 150px;" id="lay84">Layer 85</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 325px; left: 275px; width: 150px; height: 150px;" id="lay85">Layer 86</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 326px; left: 278px; width: 150px; height: 150px;" id="lay86">Layer 87</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 327px; left: 281px; width: 150px; height: 150px;" id="lay87">Layer 88</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 328px; left: 284px; width: 150px; height: 150px;" id="lay88">Layer 89</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 329px; left: 287px; width: 150px; height: 150px;" id="lay89">Layer 90</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 330px; left: 290px; width: 150px; height: 150px;" id="lay90">Layer 91</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 331px; left: 293px; width: 150px; height: 150px;" id="lay91">Layer 92</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 332px; left: 296px; width: 150px; height: 150px;" id="lay92">Layer 93</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 333px; left: 299px; width: 150px; height: 150px;" id="lay93">Layer 94</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 334px; left: 302px; width: 150px; height: 150px;" id="lay94">Layer 95</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 335px; left: 305px; width: 150px; height: 150px;" id="lay95">Layer 96</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 336px; left: 308px; width: 150px; height: 150px;" id="lay96">Layer 97</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 337px; left: 311px; width: 150px; height: 150px;" id="lay97">Layer 98</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 338px; left: 314px; width: 150px; height: 150px;" id="lay98">Layer 99</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 339px; left: 317px; width: 150px; height: 150px;" id="lay99">Layer 100</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 340px; left: 320px; width: 150px; height: 150px;" id="lay100">Layer 101</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 341px; left: 323px; width: 150px; height: 150px;" id="lay101">Layer 102</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 342px; left: 326px; width: 150px; height: 150px;" id="lay102">Layer 103</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 343px; left: 329px; width: 150px; height: 150px;" id="lay103">Layer 104</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 344px; left: 332px; width: 150px; height: 150px;" id="lay104">Layer 105</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 345px; left: 335px; width: 150px; height: 150px;" id="lay105">Layer 106</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 346px; left: 338px; width: 150px; height: 150px;" id="lay106">Layer 107</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 347px; left: 341px; width: 150px; height: 150px;" id="lay107">Layer 108</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 348px; left: 344px; width: 150px; height: 150px;" id="lay108">Layer 109</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 349px; left: 347px; width: 150px; height: 150px;" id="lay109">Layer 110</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 350px; left: 350px; width: 150px; height: 150px;" id="lay110">Layer 111</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 351px; left: 353px; width: 150px; height: 150px;" id="lay111">Layer 112</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 352px; left: 356px; width: 150px; height: 150px;" id="lay112">Layer 113</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 353px; left: 359px; width: 150px; height: 150px;" id="lay113">Layer 114</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 354px; left: 362px; width: 150px; height: 150px;" id="lay114">Layer 115</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 355px; left: 365px; width: 150px; height: 150px;" id="lay115">Layer 116</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 356px; left: 368px; width: 150px; height: 150px;" id="lay116">Layer 117</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 357px; left: 371px; width: 150px; height: 150px;" id="lay117">Layer 118</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 358px; left: 374px; width: 150px; height: 150px;" id="lay118">Layer 119</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 359px; left: 377px; width: 150px; height: 150px;" id="lay119">Layer 120</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 360px; left: 380px; width: 150px; height: 150px;" id="lay120">Layer 121</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 361px; left: 383px; width: 150px; height: 150px;" id="lay121">Layer 122</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 362px; left: 386px; width: 150px; height: 150px;" id="lay122">Layer 123</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 363px; left: 389px; width: 150px; height: 150px;" id="lay123">Layer 124</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 364px; left: 392px; width: 150px; height: 150px;" id="lay124">Layer 125</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 365px; left: 395px; width: 150px; height: 150px;" id="lay125">Layer 126</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 366px; left: 398px; width: 150px; height: 150px;" id="lay126">Layer 127</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 367px; left: 401px; width: 150px; height: 150px;" id="lay127">Layer 128</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 368px; left: 404px; width: 150px; height: 150px;" id="lay128">Layer 129</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 369px; left: 407px; width: 150px; height: 150px;" id="lay129">Layer 130</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 370px; left: 410px; width: 150px; height: 150px;" id="lay130">Layer 131</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 371px; left: 413px; width: 150px; height: 150px;" id="lay131">Layer 132</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 372px; left: 416px; width: 150px; height: 150px;" id="lay132">Layer 133</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 373px; left: 419px; width: 150px; height: 150px;" id="lay133">Layer 134</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 374px; left: 422px; width: 150px; height: 150px;" id="lay134">Layer 135</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 375px; left: 425px; width: 150px; height: 150px;" id="lay135">Layer 136</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 376px; left: 428px; width: 150px; height: 150px;" id="lay136">Layer 137</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 377px; left: 431px; width: 150px; height: 150px;" id="lay137">Layer 138</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 378px; left: 434px; width: 150px; height: 150px;" id="lay138">Layer 139</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 379px; left: 437px; width: 150px; height: 150px;" id="lay139">Layer 140</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 380px; left: 440px; width: 150px; height: 150px;" id="lay140">Layer 141</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 381px; left: 443px; width: 150px; height: 150px;" id="lay141">Layer 142</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 382px; left: 446px; width: 150px; height: 150px;" id="lay142">Layer 143</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 383px; left: 449px; width: 150px; height: 150px;" id="lay143">Layer 144</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 384px; left: 452px; width: 150px; height: 150px;" id="lay144">Layer 145</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 385px; left: 455px; width: 150px; height: 150px;" id="lay145">Layer 146</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 386px; left: 458px; width: 150px; height: 150px;" id="lay146">Layer 147</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 387px; left: 461px; width: 150px; height: 150px;" id="lay147">Layer 148</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 388px; left: 464px; width: 150px; height: 150px;" id="lay148">Layer 149</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 389px; left: 467px; width: 150px; height: 150px;" id="lay149">Layer 150</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 390px; left: 470px; width: 150px; height: 150px;" id="lay150">Layer 151</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 391px; left: 473px; width: 150px; height: 150px;" id="lay151">Layer 152</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 392px; left: 476px; width: 150px; height: 150px;" id="lay152">Layer 153</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 393px; left: 479px; width: 150px; height: 150px;" id="lay153">Layer 154</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 394px; left: 482px; width: 150px; height: 150px;" id="lay154">Layer 155</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 395px; left: 485px; width: 150px; height: 150px;" id="lay155">Layer 156</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 396px; left: 488px; width: 150px; height: 150px;" id="lay156">Layer 157</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 397px; left: 491px; width: 150px; height: 150px;" id="lay157">Layer 158</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 398px; left: 494px; width: 150px; height: 150px;" id="lay158">Layer 159</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 399px; left: 497px; width: 150px; height: 150px;" id="lay159">Layer 160</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 400px; left: 500px; width: 150px; height: 150px;" id="lay160">Layer 161</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 401px; left: 503px; width: 150px; height: 150px;" id="lay161">Layer 162</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 402px; left: 506px; width: 150px; height: 150px;" id="lay162">Layer 163</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 403px; left: 509px; width: 150px; height: 150px;" id="lay163">Layer 164</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 404px; left: 512px; width: 150px; height: 150px;" id="lay164">Layer 165</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 405px; left: 515px; width: 150px; height: 150px;" id="lay165">Layer 166</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 406px; left: 518px; width: 150px; height: 150px;" id="lay166">Layer 167</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 407px; left: 521px; width: 150px; height: 150px;" id="lay167">Layer 168</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 408px; left: 524px; width: 150px; height: 150px;" id="lay168">Layer 169</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 409px; left: 527px; width: 150px; height: 150px;" id="lay169">Layer 170</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 410px; left: 530px; width: 150px; height: 150px;" id="lay170">Layer 171</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 411px; left: 533px; width: 150px; height: 150px;" id="lay171">Layer 172</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 412px; left: 536px; width: 150px; height: 150px;" id="lay172">Layer 173</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 413px; left: 539px; width: 150px; height: 150px;" id="lay173">Layer 174</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 414px; left: 542px; width: 150px; height: 150px;" id="lay174">Layer 175</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 415px; left: 545px; width: 150px; height: 150px;" id="lay175">Layer 176</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 416px; left: 548px; width: 150px; height: 150px;" id="lay176">Layer 177</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 417px; left: 551px; width: 150px; height: 150px;" id="lay177">Layer 178</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 418px; left: 554px; width: 150px; height: 150px;" id="lay178">Layer 179</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 419px; left: 557px; width: 150px; height: 150px;" id="lay179">Layer 180</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 420px; left: 560px; width: 150px; height: 150px;" id="lay180">Layer 181</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 421px; left: 563px; width: 150px; height: 150px;" id="lay181">Layer 182</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 422px; left: 566px; width: 150px; height: 150px;" id="lay182">Layer 183</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 423px; left: 569px; width: 150px; height: 150px;" id="lay183">Layer 184</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 424px; left: 572px; width: 150px; height: 150px;" id="lay184">Layer 185</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 425px; left: 575px; width: 150px; height: 150px;" id="lay185">Layer 186</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 426px; left: 578px; width: 150px; height: 150px;" id="lay186">Layer 187</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 427px; left: 581px; width: 150px; height: 150px;" id="lay187">Layer 188</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 428px; left: 584px; width: 150px; height: 150px;" id="lay188">Layer 189</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 429px; left: 587px; width: 150px; height: 150px;" id="lay189">Layer 190</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 430px; left: 590px; width: 150px; height: 150px;" id="lay190">Layer 191</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 431px; left: 593px; width: 150px; height: 150px;" id="lay191">Layer 192</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 432px; left: 596px; width: 150px; height: 150px;" id="lay192">Layer 193</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 433px; left: 599px; width: 150px; height: 150px;" id="lay193">Layer 194</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 434px; left: 602px; width: 150px; height: 150px;" id="lay194">Layer 195</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 435px; left: 605px; width: 150px; height: 150px;" id="lay195">Layer 196</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 436px; left: 608px; width: 150px; height: 150px;" id="lay196">Layer 197</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 437px; left: 611px; width: 150px; height: 150px;" id="lay197">Layer 198</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 438px; left: 614px; width: 150px; height: 150px;" id="lay198">Layer 199</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 439px; left: 617px; width: 150px; height: 150px;" id="lay199">Layer 200</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,235 @@
|
|||
<!DOCTYPE doctype PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>Main page of stress tests for IE,Mozilla,NS4</title>
|
||||
<script type="text/javascript">
|
||||
var l=0;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
AllInOne();
|
||||
}
|
||||
|
||||
/////////////////// AllInOne
|
||||
function AllInOne()
|
||||
{
|
||||
q=document.getElementsByTagName('div');
|
||||
for(i=0;i<200;i++)
|
||||
{
|
||||
q['lay'+i].style.left=115+(i*3)-l;
|
||||
q['lay'+i].style.clip='rect(0 '+(100+Math.round(l/2))+' '+(100+Math.round(l/2))+' 0)';
|
||||
}
|
||||
l+=10;
|
||||
if (l==100) {
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
else
|
||||
setTimeout("AllInOne()", 0);
|
||||
}
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div id="desc" style="top: 0pt; left: 10px;">Layers 5 - All in One</div><br><hr>
|
||||
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 240px; left: 20px; width: 150px; height: 150px;" id="lay0">Layer 1</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 241px; left: 23px; width: 150px; height: 150px;" id="lay1">Layer 2</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 242px; left: 26px; width: 150px; height: 150px;" id="lay2">Layer 3</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 243px; left: 29px; width: 150px; height: 150px;" id="lay3">Layer 4</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 244px; left: 32px; width: 150px; height: 150px;" id="lay4">Layer 5</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 245px; left: 35px; width: 150px; height: 150px;" id="lay5">Layer 6</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 246px; left: 38px; width: 150px; height: 150px;" id="lay6">Layer 7</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 247px; left: 41px; width: 150px; height: 150px;" id="lay7">Layer 8</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 248px; left: 44px; width: 150px; height: 150px;" id="lay8">Layer 9</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 249px; left: 47px; width: 150px; height: 150px;" id="lay9">Layer 10</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 250px; left: 50px; width: 150px; height: 150px;" id="lay10">Layer 11</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 251px; left: 53px; width: 150px; height: 150px;" id="lay11">Layer 12</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 252px; left: 56px; width: 150px; height: 150px;" id="lay12">Layer 13</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 253px; left: 59px; width: 150px; height: 150px;" id="lay13">Layer 14</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 254px; left: 62px; width: 150px; height: 150px;" id="lay14">Layer 15</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 255px; left: 65px; width: 150px; height: 150px;" id="lay15">Layer 16</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 256px; left: 68px; width: 150px; height: 150px;" id="lay16">Layer 17</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 257px; left: 71px; width: 150px; height: 150px;" id="lay17">Layer 18</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 258px; left: 74px; width: 150px; height: 150px;" id="lay18">Layer 19</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 259px; left: 77px; width: 150px; height: 150px;" id="lay19">Layer 20</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 260px; left: 80px; width: 150px; height: 150px;" id="lay20">Layer 21</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 261px; left: 83px; width: 150px; height: 150px;" id="lay21">Layer 22</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 262px; left: 86px; width: 150px; height: 150px;" id="lay22">Layer 23</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 263px; left: 89px; width: 150px; height: 150px;" id="lay23">Layer 24</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 264px; left: 92px; width: 150px; height: 150px;" id="lay24">Layer 25</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 265px; left: 95px; width: 150px; height: 150px;" id="lay25">Layer 26</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 266px; left: 98px; width: 150px; height: 150px;" id="lay26">Layer 27</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 267px; left: 101px; width: 150px; height: 150px;" id="lay27">Layer 28</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 268px; left: 104px; width: 150px; height: 150px;" id="lay28">Layer 29</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 269px; left: 107px; width: 150px; height: 150px;" id="lay29">Layer 30</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 270px; left: 110px; width: 150px; height: 150px;" id="lay30">Layer 31</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 271px; left: 113px; width: 150px; height: 150px;" id="lay31">Layer 32</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 272px; left: 116px; width: 150px; height: 150px;" id="lay32">Layer 33</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 273px; left: 119px; width: 150px; height: 150px;" id="lay33">Layer 34</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 274px; left: 122px; width: 150px; height: 150px;" id="lay34">Layer 35</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 275px; left: 125px; width: 150px; height: 150px;" id="lay35">Layer 36</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 276px; left: 128px; width: 150px; height: 150px;" id="lay36">Layer 37</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 277px; left: 131px; width: 150px; height: 150px;" id="lay37">Layer 38</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 278px; left: 134px; width: 150px; height: 150px;" id="lay38">Layer 39</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 279px; left: 137px; width: 150px; height: 150px;" id="lay39">Layer 40</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 280px; left: 140px; width: 150px; height: 150px;" id="lay40">Layer 41</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 281px; left: 143px; width: 150px; height: 150px;" id="lay41">Layer 42</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 282px; left: 146px; width: 150px; height: 150px;" id="lay42">Layer 43</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 283px; left: 149px; width: 150px; height: 150px;" id="lay43">Layer 44</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 284px; left: 152px; width: 150px; height: 150px;" id="lay44">Layer 45</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 285px; left: 155px; width: 150px; height: 150px;" id="lay45">Layer 46</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 286px; left: 158px; width: 150px; height: 150px;" id="lay46">Layer 47</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 287px; left: 161px; width: 150px; height: 150px;" id="lay47">Layer 48</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 288px; left: 164px; width: 150px; height: 150px;" id="lay48">Layer 49</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 289px; left: 167px; width: 150px; height: 150px;" id="lay49">Layer 50</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 290px; left: 170px; width: 150px; height: 150px;" id="lay50">Layer 51</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 291px; left: 173px; width: 150px; height: 150px;" id="lay51">Layer 52</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 292px; left: 176px; width: 150px; height: 150px;" id="lay52">Layer 53</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 293px; left: 179px; width: 150px; height: 150px;" id="lay53">Layer 54</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 294px; left: 182px; width: 150px; height: 150px;" id="lay54">Layer 55</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 295px; left: 185px; width: 150px; height: 150px;" id="lay55">Layer 56</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 296px; left: 188px; width: 150px; height: 150px;" id="lay56">Layer 57</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 297px; left: 191px; width: 150px; height: 150px;" id="lay57">Layer 58</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 298px; left: 194px; width: 150px; height: 150px;" id="lay58">Layer 59</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 299px; left: 197px; width: 150px; height: 150px;" id="lay59">Layer 60</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 300px; left: 200px; width: 150px; height: 150px;" id="lay60">Layer 61</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 301px; left: 203px; width: 150px; height: 150px;" id="lay61">Layer 62</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 302px; left: 206px; width: 150px; height: 150px;" id="lay62">Layer 63</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 303px; left: 209px; width: 150px; height: 150px;" id="lay63">Layer 64</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 304px; left: 212px; width: 150px; height: 150px;" id="lay64">Layer 65</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 305px; left: 215px; width: 150px; height: 150px;" id="lay65">Layer 66</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 306px; left: 218px; width: 150px; height: 150px;" id="lay66">Layer 67</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 307px; left: 221px; width: 150px; height: 150px;" id="lay67">Layer 68</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 308px; left: 224px; width: 150px; height: 150px;" id="lay68">Layer 69</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 309px; left: 227px; width: 150px; height: 150px;" id="lay69">Layer 70</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 310px; left: 230px; width: 150px; height: 150px;" id="lay70">Layer 71</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 311px; left: 233px; width: 150px; height: 150px;" id="lay71">Layer 72</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 312px; left: 236px; width: 150px; height: 150px;" id="lay72">Layer 73</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 313px; left: 239px; width: 150px; height: 150px;" id="lay73">Layer 74</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 314px; left: 242px; width: 150px; height: 150px;" id="lay74">Layer 75</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 315px; left: 245px; width: 150px; height: 150px;" id="lay75">Layer 76</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 316px; left: 248px; width: 150px; height: 150px;" id="lay76">Layer 77</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 317px; left: 251px; width: 150px; height: 150px;" id="lay77">Layer 78</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 318px; left: 254px; width: 150px; height: 150px;" id="lay78">Layer 79</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 319px; left: 257px; width: 150px; height: 150px;" id="lay79">Layer 80</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 320px; left: 260px; width: 150px; height: 150px;" id="lay80">Layer 81</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 321px; left: 263px; width: 150px; height: 150px;" id="lay81">Layer 82</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 322px; left: 266px; width: 150px; height: 150px;" id="lay82">Layer 83</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 323px; left: 269px; width: 150px; height: 150px;" id="lay83">Layer 84</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 324px; left: 272px; width: 150px; height: 150px;" id="lay84">Layer 85</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 325px; left: 275px; width: 150px; height: 150px;" id="lay85">Layer 86</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 326px; left: 278px; width: 150px; height: 150px;" id="lay86">Layer 87</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 327px; left: 281px; width: 150px; height: 150px;" id="lay87">Layer 88</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 328px; left: 284px; width: 150px; height: 150px;" id="lay88">Layer 89</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 329px; left: 287px; width: 150px; height: 150px;" id="lay89">Layer 90</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 330px; left: 290px; width: 150px; height: 150px;" id="lay90">Layer 91</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 331px; left: 293px; width: 150px; height: 150px;" id="lay91">Layer 92</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 332px; left: 296px; width: 150px; height: 150px;" id="lay92">Layer 93</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 333px; left: 299px; width: 150px; height: 150px;" id="lay93">Layer 94</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 334px; left: 302px; width: 150px; height: 150px;" id="lay94">Layer 95</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 335px; left: 305px; width: 150px; height: 150px;" id="lay95">Layer 96</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 336px; left: 308px; width: 150px; height: 150px;" id="lay96">Layer 97</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 337px; left: 311px; width: 150px; height: 150px;" id="lay97">Layer 98</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 338px; left: 314px; width: 150px; height: 150px;" id="lay98">Layer 99</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 339px; left: 317px; width: 150px; height: 150px;" id="lay99">Layer 100</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 340px; left: 320px; width: 150px; height: 150px;" id="lay100">Layer 101</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 341px; left: 323px; width: 150px; height: 150px;" id="lay101">Layer 102</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 342px; left: 326px; width: 150px; height: 150px;" id="lay102">Layer 103</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 343px; left: 329px; width: 150px; height: 150px;" id="lay103">Layer 104</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 344px; left: 332px; width: 150px; height: 150px;" id="lay104">Layer 105</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 345px; left: 335px; width: 150px; height: 150px;" id="lay105">Layer 106</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 346px; left: 338px; width: 150px; height: 150px;" id="lay106">Layer 107</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 347px; left: 341px; width: 150px; height: 150px;" id="lay107">Layer 108</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 348px; left: 344px; width: 150px; height: 150px;" id="lay108">Layer 109</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 349px; left: 347px; width: 150px; height: 150px;" id="lay109">Layer 110</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 350px; left: 350px; width: 150px; height: 150px;" id="lay110">Layer 111</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 351px; left: 353px; width: 150px; height: 150px;" id="lay111">Layer 112</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 352px; left: 356px; width: 150px; height: 150px;" id="lay112">Layer 113</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 353px; left: 359px; width: 150px; height: 150px;" id="lay113">Layer 114</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 354px; left: 362px; width: 150px; height: 150px;" id="lay114">Layer 115</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 355px; left: 365px; width: 150px; height: 150px;" id="lay115">Layer 116</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 356px; left: 368px; width: 150px; height: 150px;" id="lay116">Layer 117</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 357px; left: 371px; width: 150px; height: 150px;" id="lay117">Layer 118</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 358px; left: 374px; width: 150px; height: 150px;" id="lay118">Layer 119</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 359px; left: 377px; width: 150px; height: 150px;" id="lay119">Layer 120</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 360px; left: 380px; width: 150px; height: 150px;" id="lay120">Layer 121</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 361px; left: 383px; width: 150px; height: 150px;" id="lay121">Layer 122</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 362px; left: 386px; width: 150px; height: 150px;" id="lay122">Layer 123</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 363px; left: 389px; width: 150px; height: 150px;" id="lay123">Layer 124</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 364px; left: 392px; width: 150px; height: 150px;" id="lay124">Layer 125</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 365px; left: 395px; width: 150px; height: 150px;" id="lay125">Layer 126</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 366px; left: 398px; width: 150px; height: 150px;" id="lay126">Layer 127</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 367px; left: 401px; width: 150px; height: 150px;" id="lay127">Layer 128</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 368px; left: 404px; width: 150px; height: 150px;" id="lay128">Layer 129</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 369px; left: 407px; width: 150px; height: 150px;" id="lay129">Layer 130</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 370px; left: 410px; width: 150px; height: 150px;" id="lay130">Layer 131</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 371px; left: 413px; width: 150px; height: 150px;" id="lay131">Layer 132</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 372px; left: 416px; width: 150px; height: 150px;" id="lay132">Layer 133</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 373px; left: 419px; width: 150px; height: 150px;" id="lay133">Layer 134</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 374px; left: 422px; width: 150px; height: 150px;" id="lay134">Layer 135</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 375px; left: 425px; width: 150px; height: 150px;" id="lay135">Layer 136</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 376px; left: 428px; width: 150px; height: 150px;" id="lay136">Layer 137</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 377px; left: 431px; width: 150px; height: 150px;" id="lay137">Layer 138</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 378px; left: 434px; width: 150px; height: 150px;" id="lay138">Layer 139</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 379px; left: 437px; width: 150px; height: 150px;" id="lay139">Layer 140</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 380px; left: 440px; width: 150px; height: 150px;" id="lay140">Layer 141</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 381px; left: 443px; width: 150px; height: 150px;" id="lay141">Layer 142</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 382px; left: 446px; width: 150px; height: 150px;" id="lay142">Layer 143</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 383px; left: 449px; width: 150px; height: 150px;" id="lay143">Layer 144</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 384px; left: 452px; width: 150px; height: 150px;" id="lay144">Layer 145</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 385px; left: 455px; width: 150px; height: 150px;" id="lay145">Layer 146</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 386px; left: 458px; width: 150px; height: 150px;" id="lay146">Layer 147</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 387px; left: 461px; width: 150px; height: 150px;" id="lay147">Layer 148</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 388px; left: 464px; width: 150px; height: 150px;" id="lay148">Layer 149</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 389px; left: 467px; width: 150px; height: 150px;" id="lay149">Layer 150</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 390px; left: 470px; width: 150px; height: 150px;" id="lay150">Layer 151</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 391px; left: 473px; width: 150px; height: 150px;" id="lay151">Layer 152</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 392px; left: 476px; width: 150px; height: 150px;" id="lay152">Layer 153</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 393px; left: 479px; width: 150px; height: 150px;" id="lay153">Layer 154</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 394px; left: 482px; width: 150px; height: 150px;" id="lay154">Layer 155</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 395px; left: 485px; width: 150px; height: 150px;" id="lay155">Layer 156</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 396px; left: 488px; width: 150px; height: 150px;" id="lay156">Layer 157</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 397px; left: 491px; width: 150px; height: 150px;" id="lay157">Layer 158</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 398px; left: 494px; width: 150px; height: 150px;" id="lay158">Layer 159</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 399px; left: 497px; width: 150px; height: 150px;" id="lay159">Layer 160</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 400px; left: 500px; width: 150px; height: 150px;" id="lay160">Layer 161</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 401px; left: 503px; width: 150px; height: 150px;" id="lay161">Layer 162</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 402px; left: 506px; width: 150px; height: 150px;" id="lay162">Layer 163</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 403px; left: 509px; width: 150px; height: 150px;" id="lay163">Layer 164</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 404px; left: 512px; width: 150px; height: 150px;" id="lay164">Layer 165</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 405px; left: 515px; width: 150px; height: 150px;" id="lay165">Layer 166</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 406px; left: 518px; width: 150px; height: 150px;" id="lay166">Layer 167</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 407px; left: 521px; width: 150px; height: 150px;" id="lay167">Layer 168</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 408px; left: 524px; width: 150px; height: 150px;" id="lay168">Layer 169</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 409px; left: 527px; width: 150px; height: 150px;" id="lay169">Layer 170</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 410px; left: 530px; width: 150px; height: 150px;" id="lay170">Layer 171</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 411px; left: 533px; width: 150px; height: 150px;" id="lay171">Layer 172</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 412px; left: 536px; width: 150px; height: 150px;" id="lay172">Layer 173</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 413px; left: 539px; width: 150px; height: 150px;" id="lay173">Layer 174</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 414px; left: 542px; width: 150px; height: 150px;" id="lay174">Layer 175</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 415px; left: 545px; width: 150px; height: 150px;" id="lay175">Layer 176</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 416px; left: 548px; width: 150px; height: 150px;" id="lay176">Layer 177</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 417px; left: 551px; width: 150px; height: 150px;" id="lay177">Layer 178</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 418px; left: 554px; width: 150px; height: 150px;" id="lay178">Layer 179</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 419px; left: 557px; width: 150px; height: 150px;" id="lay179">Layer 180</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 420px; left: 560px; width: 150px; height: 150px;" id="lay180">Layer 181</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 421px; left: 563px; width: 150px; height: 150px;" id="lay181">Layer 182</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 422px; left: 566px; width: 150px; height: 150px;" id="lay182">Layer 183</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 423px; left: 569px; width: 150px; height: 150px;" id="lay183">Layer 184</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 424px; left: 572px; width: 150px; height: 150px;" id="lay184">Layer 185</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 425px; left: 575px; width: 150px; height: 150px;" id="lay185">Layer 186</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 426px; left: 578px; width: 150px; height: 150px;" id="lay186">Layer 187</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 427px; left: 581px; width: 150px; height: 150px;" id="lay187">Layer 188</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 428px; left: 584px; width: 150px; height: 150px;" id="lay188">Layer 189</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 429px; left: 587px; width: 150px; height: 150px;" id="lay189">Layer 190</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 430px; left: 590px; width: 150px; height: 150px;" id="lay190">Layer 191</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 431px; left: 593px; width: 150px; height: 150px;" id="lay191">Layer 192</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 432px; left: 596px; width: 150px; height: 150px;" id="lay192">Layer 193</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 433px; left: 599px; width: 150px; height: 150px;" id="lay193">Layer 194</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 434px; left: 602px; width: 150px; height: 150px;" id="lay194">Layer 195</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 435px; left: 605px; width: 150px; height: 150px;" id="lay195">Layer 196</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 436px; left: 608px; width: 150px; height: 150px;" id="lay196">Layer 197</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 437px; left: 611px; width: 150px; height: 150px;" id="lay197">Layer 198</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 438px; left: 614px; width: 150px; height: 150px;" id="lay198">Layer 199</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 439px; left: 617px; width: 150px; height: 150px;" id="lay199">Layer 200</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,236 @@
|
|||
<!DOCTYPE doctype PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>Main page of stress tests for IE,Mozilla,NS4</title>
|
||||
<script type="text/javascript">
|
||||
var l=0;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
Resize()
|
||||
}
|
||||
|
||||
function Resize()
|
||||
{
|
||||
q=document.getElementsByTagName('div');
|
||||
|
||||
for(i=0;i<200;i++)
|
||||
{
|
||||
q['lay'+i].style.clip='rect(0 200 200 0)';
|
||||
}
|
||||
|
||||
for(i=0;i<200;i++)
|
||||
{
|
||||
q['lay'+i].style.height=200;
|
||||
q['lay'+i].style.width=200;
|
||||
}
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div id="desc" style="top: 0pt; left: 10px;">Layers 6 - Resizing</div><br><hr>
|
||||
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 240px; left: 20px; width: 150px; height: 150px;" id="lay0">Layer 1</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 241px; left: 23px; width: 150px; height: 150px;" id="lay1">Layer 2</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 242px; left: 26px; width: 150px; height: 150px;" id="lay2">Layer 3</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 243px; left: 29px; width: 150px; height: 150px;" id="lay3">Layer 4</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 244px; left: 32px; width: 150px; height: 150px;" id="lay4">Layer 5</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 245px; left: 35px; width: 150px; height: 150px;" id="lay5">Layer 6</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 246px; left: 38px; width: 150px; height: 150px;" id="lay6">Layer 7</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 247px; left: 41px; width: 150px; height: 150px;" id="lay7">Layer 8</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 248px; left: 44px; width: 150px; height: 150px;" id="lay8">Layer 9</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 249px; left: 47px; width: 150px; height: 150px;" id="lay9">Layer 10</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 250px; left: 50px; width: 150px; height: 150px;" id="lay10">Layer 11</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 251px; left: 53px; width: 150px; height: 150px;" id="lay11">Layer 12</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 252px; left: 56px; width: 150px; height: 150px;" id="lay12">Layer 13</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 253px; left: 59px; width: 150px; height: 150px;" id="lay13">Layer 14</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 254px; left: 62px; width: 150px; height: 150px;" id="lay14">Layer 15</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 255px; left: 65px; width: 150px; height: 150px;" id="lay15">Layer 16</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 256px; left: 68px; width: 150px; height: 150px;" id="lay16">Layer 17</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 257px; left: 71px; width: 150px; height: 150px;" id="lay17">Layer 18</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 258px; left: 74px; width: 150px; height: 150px;" id="lay18">Layer 19</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 259px; left: 77px; width: 150px; height: 150px;" id="lay19">Layer 20</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 260px; left: 80px; width: 150px; height: 150px;" id="lay20">Layer 21</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 261px; left: 83px; width: 150px; height: 150px;" id="lay21">Layer 22</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 262px; left: 86px; width: 150px; height: 150px;" id="lay22">Layer 23</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 263px; left: 89px; width: 150px; height: 150px;" id="lay23">Layer 24</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 264px; left: 92px; width: 150px; height: 150px;" id="lay24">Layer 25</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 265px; left: 95px; width: 150px; height: 150px;" id="lay25">Layer 26</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 266px; left: 98px; width: 150px; height: 150px;" id="lay26">Layer 27</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 267px; left: 101px; width: 150px; height: 150px;" id="lay27">Layer 28</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 268px; left: 104px; width: 150px; height: 150px;" id="lay28">Layer 29</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 269px; left: 107px; width: 150px; height: 150px;" id="lay29">Layer 30</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 270px; left: 110px; width: 150px; height: 150px;" id="lay30">Layer 31</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 271px; left: 113px; width: 150px; height: 150px;" id="lay31">Layer 32</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 272px; left: 116px; width: 150px; height: 150px;" id="lay32">Layer 33</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 273px; left: 119px; width: 150px; height: 150px;" id="lay33">Layer 34</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 274px; left: 122px; width: 150px; height: 150px;" id="lay34">Layer 35</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 275px; left: 125px; width: 150px; height: 150px;" id="lay35">Layer 36</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 276px; left: 128px; width: 150px; height: 150px;" id="lay36">Layer 37</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 277px; left: 131px; width: 150px; height: 150px;" id="lay37">Layer 38</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 278px; left: 134px; width: 150px; height: 150px;" id="lay38">Layer 39</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 279px; left: 137px; width: 150px; height: 150px;" id="lay39">Layer 40</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 280px; left: 140px; width: 150px; height: 150px;" id="lay40">Layer 41</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 281px; left: 143px; width: 150px; height: 150px;" id="lay41">Layer 42</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 282px; left: 146px; width: 150px; height: 150px;" id="lay42">Layer 43</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 283px; left: 149px; width: 150px; height: 150px;" id="lay43">Layer 44</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 284px; left: 152px; width: 150px; height: 150px;" id="lay44">Layer 45</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 285px; left: 155px; width: 150px; height: 150px;" id="lay45">Layer 46</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 286px; left: 158px; width: 150px; height: 150px;" id="lay46">Layer 47</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 287px; left: 161px; width: 150px; height: 150px;" id="lay47">Layer 48</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 288px; left: 164px; width: 150px; height: 150px;" id="lay48">Layer 49</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 289px; left: 167px; width: 150px; height: 150px;" id="lay49">Layer 50</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 290px; left: 170px; width: 150px; height: 150px;" id="lay50">Layer 51</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 291px; left: 173px; width: 150px; height: 150px;" id="lay51">Layer 52</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 292px; left: 176px; width: 150px; height: 150px;" id="lay52">Layer 53</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 293px; left: 179px; width: 150px; height: 150px;" id="lay53">Layer 54</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 294px; left: 182px; width: 150px; height: 150px;" id="lay54">Layer 55</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 295px; left: 185px; width: 150px; height: 150px;" id="lay55">Layer 56</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 296px; left: 188px; width: 150px; height: 150px;" id="lay56">Layer 57</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 297px; left: 191px; width: 150px; height: 150px;" id="lay57">Layer 58</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 298px; left: 194px; width: 150px; height: 150px;" id="lay58">Layer 59</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 299px; left: 197px; width: 150px; height: 150px;" id="lay59">Layer 60</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 300px; left: 200px; width: 150px; height: 150px;" id="lay60">Layer 61</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 301px; left: 203px; width: 150px; height: 150px;" id="lay61">Layer 62</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 302px; left: 206px; width: 150px; height: 150px;" id="lay62">Layer 63</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 303px; left: 209px; width: 150px; height: 150px;" id="lay63">Layer 64</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 304px; left: 212px; width: 150px; height: 150px;" id="lay64">Layer 65</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 305px; left: 215px; width: 150px; height: 150px;" id="lay65">Layer 66</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 306px; left: 218px; width: 150px; height: 150px;" id="lay66">Layer 67</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 307px; left: 221px; width: 150px; height: 150px;" id="lay67">Layer 68</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 308px; left: 224px; width: 150px; height: 150px;" id="lay68">Layer 69</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 309px; left: 227px; width: 150px; height: 150px;" id="lay69">Layer 70</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 310px; left: 230px; width: 150px; height: 150px;" id="lay70">Layer 71</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 311px; left: 233px; width: 150px; height: 150px;" id="lay71">Layer 72</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 312px; left: 236px; width: 150px; height: 150px;" id="lay72">Layer 73</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 313px; left: 239px; width: 150px; height: 150px;" id="lay73">Layer 74</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 314px; left: 242px; width: 150px; height: 150px;" id="lay74">Layer 75</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 315px; left: 245px; width: 150px; height: 150px;" id="lay75">Layer 76</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 316px; left: 248px; width: 150px; height: 150px;" id="lay76">Layer 77</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 317px; left: 251px; width: 150px; height: 150px;" id="lay77">Layer 78</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 318px; left: 254px; width: 150px; height: 150px;" id="lay78">Layer 79</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 319px; left: 257px; width: 150px; height: 150px;" id="lay79">Layer 80</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 320px; left: 260px; width: 150px; height: 150px;" id="lay80">Layer 81</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 321px; left: 263px; width: 150px; height: 150px;" id="lay81">Layer 82</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 322px; left: 266px; width: 150px; height: 150px;" id="lay82">Layer 83</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 323px; left: 269px; width: 150px; height: 150px;" id="lay83">Layer 84</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 324px; left: 272px; width: 150px; height: 150px;" id="lay84">Layer 85</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 325px; left: 275px; width: 150px; height: 150px;" id="lay85">Layer 86</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 326px; left: 278px; width: 150px; height: 150px;" id="lay86">Layer 87</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 327px; left: 281px; width: 150px; height: 150px;" id="lay87">Layer 88</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 328px; left: 284px; width: 150px; height: 150px;" id="lay88">Layer 89</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 329px; left: 287px; width: 150px; height: 150px;" id="lay89">Layer 90</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 330px; left: 290px; width: 150px; height: 150px;" id="lay90">Layer 91</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 331px; left: 293px; width: 150px; height: 150px;" id="lay91">Layer 92</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 332px; left: 296px; width: 150px; height: 150px;" id="lay92">Layer 93</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 333px; left: 299px; width: 150px; height: 150px;" id="lay93">Layer 94</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 334px; left: 302px; width: 150px; height: 150px;" id="lay94">Layer 95</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 335px; left: 305px; width: 150px; height: 150px;" id="lay95">Layer 96</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 336px; left: 308px; width: 150px; height: 150px;" id="lay96">Layer 97</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 337px; left: 311px; width: 150px; height: 150px;" id="lay97">Layer 98</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 338px; left: 314px; width: 150px; height: 150px;" id="lay98">Layer 99</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 339px; left: 317px; width: 150px; height: 150px;" id="lay99">Layer 100</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 340px; left: 320px; width: 150px; height: 150px;" id="lay100">Layer 101</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 341px; left: 323px; width: 150px; height: 150px;" id="lay101">Layer 102</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 342px; left: 326px; width: 150px; height: 150px;" id="lay102">Layer 103</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 343px; left: 329px; width: 150px; height: 150px;" id="lay103">Layer 104</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 344px; left: 332px; width: 150px; height: 150px;" id="lay104">Layer 105</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 345px; left: 335px; width: 150px; height: 150px;" id="lay105">Layer 106</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 346px; left: 338px; width: 150px; height: 150px;" id="lay106">Layer 107</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 347px; left: 341px; width: 150px; height: 150px;" id="lay107">Layer 108</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 348px; left: 344px; width: 150px; height: 150px;" id="lay108">Layer 109</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 349px; left: 347px; width: 150px; height: 150px;" id="lay109">Layer 110</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 350px; left: 350px; width: 150px; height: 150px;" id="lay110">Layer 111</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 351px; left: 353px; width: 150px; height: 150px;" id="lay111">Layer 112</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 352px; left: 356px; width: 150px; height: 150px;" id="lay112">Layer 113</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 353px; left: 359px; width: 150px; height: 150px;" id="lay113">Layer 114</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 354px; left: 362px; width: 150px; height: 150px;" id="lay114">Layer 115</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 355px; left: 365px; width: 150px; height: 150px;" id="lay115">Layer 116</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 356px; left: 368px; width: 150px; height: 150px;" id="lay116">Layer 117</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 357px; left: 371px; width: 150px; height: 150px;" id="lay117">Layer 118</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 358px; left: 374px; width: 150px; height: 150px;" id="lay118">Layer 119</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 359px; left: 377px; width: 150px; height: 150px;" id="lay119">Layer 120</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 360px; left: 380px; width: 150px; height: 150px;" id="lay120">Layer 121</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 361px; left: 383px; width: 150px; height: 150px;" id="lay121">Layer 122</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 362px; left: 386px; width: 150px; height: 150px;" id="lay122">Layer 123</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 363px; left: 389px; width: 150px; height: 150px;" id="lay123">Layer 124</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 364px; left: 392px; width: 150px; height: 150px;" id="lay124">Layer 125</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 365px; left: 395px; width: 150px; height: 150px;" id="lay125">Layer 126</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 366px; left: 398px; width: 150px; height: 150px;" id="lay126">Layer 127</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 367px; left: 401px; width: 150px; height: 150px;" id="lay127">Layer 128</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 368px; left: 404px; width: 150px; height: 150px;" id="lay128">Layer 129</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 369px; left: 407px; width: 150px; height: 150px;" id="lay129">Layer 130</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 370px; left: 410px; width: 150px; height: 150px;" id="lay130">Layer 131</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 371px; left: 413px; width: 150px; height: 150px;" id="lay131">Layer 132</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 372px; left: 416px; width: 150px; height: 150px;" id="lay132">Layer 133</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 373px; left: 419px; width: 150px; height: 150px;" id="lay133">Layer 134</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 374px; left: 422px; width: 150px; height: 150px;" id="lay134">Layer 135</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 375px; left: 425px; width: 150px; height: 150px;" id="lay135">Layer 136</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 376px; left: 428px; width: 150px; height: 150px;" id="lay136">Layer 137</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 377px; left: 431px; width: 150px; height: 150px;" id="lay137">Layer 138</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 378px; left: 434px; width: 150px; height: 150px;" id="lay138">Layer 139</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 379px; left: 437px; width: 150px; height: 150px;" id="lay139">Layer 140</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 380px; left: 440px; width: 150px; height: 150px;" id="lay140">Layer 141</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 381px; left: 443px; width: 150px; height: 150px;" id="lay141">Layer 142</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 382px; left: 446px; width: 150px; height: 150px;" id="lay142">Layer 143</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 383px; left: 449px; width: 150px; height: 150px;" id="lay143">Layer 144</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 384px; left: 452px; width: 150px; height: 150px;" id="lay144">Layer 145</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 385px; left: 455px; width: 150px; height: 150px;" id="lay145">Layer 146</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 386px; left: 458px; width: 150px; height: 150px;" id="lay146">Layer 147</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 387px; left: 461px; width: 150px; height: 150px;" id="lay147">Layer 148</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 388px; left: 464px; width: 150px; height: 150px;" id="lay148">Layer 149</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 389px; left: 467px; width: 150px; height: 150px;" id="lay149">Layer 150</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 390px; left: 470px; width: 150px; height: 150px;" id="lay150">Layer 151</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 391px; left: 473px; width: 150px; height: 150px;" id="lay151">Layer 152</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 392px; left: 476px; width: 150px; height: 150px;" id="lay152">Layer 153</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 393px; left: 479px; width: 150px; height: 150px;" id="lay153">Layer 154</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 394px; left: 482px; width: 150px; height: 150px;" id="lay154">Layer 155</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 395px; left: 485px; width: 150px; height: 150px;" id="lay155">Layer 156</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 396px; left: 488px; width: 150px; height: 150px;" id="lay156">Layer 157</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 397px; left: 491px; width: 150px; height: 150px;" id="lay157">Layer 158</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 398px; left: 494px; width: 150px; height: 150px;" id="lay158">Layer 159</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 399px; left: 497px; width: 150px; height: 150px;" id="lay159">Layer 160</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 400px; left: 500px; width: 150px; height: 150px;" id="lay160">Layer 161</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 401px; left: 503px; width: 150px; height: 150px;" id="lay161">Layer 162</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 402px; left: 506px; width: 150px; height: 150px;" id="lay162">Layer 163</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 403px; left: 509px; width: 150px; height: 150px;" id="lay163">Layer 164</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 404px; left: 512px; width: 150px; height: 150px;" id="lay164">Layer 165</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 405px; left: 515px; width: 150px; height: 150px;" id="lay165">Layer 166</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 406px; left: 518px; width: 150px; height: 150px;" id="lay166">Layer 167</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 407px; left: 521px; width: 150px; height: 150px;" id="lay167">Layer 168</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 408px; left: 524px; width: 150px; height: 150px;" id="lay168">Layer 169</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 409px; left: 527px; width: 150px; height: 150px;" id="lay169">Layer 170</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 410px; left: 530px; width: 150px; height: 150px;" id="lay170">Layer 171</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 411px; left: 533px; width: 150px; height: 150px;" id="lay171">Layer 172</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 412px; left: 536px; width: 150px; height: 150px;" id="lay172">Layer 173</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 413px; left: 539px; width: 150px; height: 150px;" id="lay173">Layer 174</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 414px; left: 542px; width: 150px; height: 150px;" id="lay174">Layer 175</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 415px; left: 545px; width: 150px; height: 150px;" id="lay175">Layer 176</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 416px; left: 548px; width: 150px; height: 150px;" id="lay176">Layer 177</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 417px; left: 551px; width: 150px; height: 150px;" id="lay177">Layer 178</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 418px; left: 554px; width: 150px; height: 150px;" id="lay178">Layer 179</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 419px; left: 557px; width: 150px; height: 150px;" id="lay179">Layer 180</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 420px; left: 560px; width: 150px; height: 150px;" id="lay180">Layer 181</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 421px; left: 563px; width: 150px; height: 150px;" id="lay181">Layer 182</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 422px; left: 566px; width: 150px; height: 150px;" id="lay182">Layer 183</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 423px; left: 569px; width: 150px; height: 150px;" id="lay183">Layer 184</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 424px; left: 572px; width: 150px; height: 150px;" id="lay184">Layer 185</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 425px; left: 575px; width: 150px; height: 150px;" id="lay185">Layer 186</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 426px; left: 578px; width: 150px; height: 150px;" id="lay186">Layer 187</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 427px; left: 581px; width: 150px; height: 150px;" id="lay187">Layer 188</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 428px; left: 584px; width: 150px; height: 150px;" id="lay188">Layer 189</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 429px; left: 587px; width: 150px; height: 150px;" id="lay189">Layer 190</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 430px; left: 590px; width: 150px; height: 150px;" id="lay190">Layer 191</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 431px; left: 593px; width: 150px; height: 150px;" id="lay191">Layer 192</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 432px; left: 596px; width: 150px; height: 150px;" id="lay192">Layer 193</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 433px; left: 599px; width: 150px; height: 150px;" id="lay193">Layer 194</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 434px; left: 602px; width: 150px; height: 150px;" id="lay194">Layer 195</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 435px; left: 605px; width: 150px; height: 150px;" id="lay195">Layer 196</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 436px; left: 608px; width: 150px; height: 150px;" id="lay196">Layer 197</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 437px; left: 611px; width: 150px; height: 150px;" id="lay197">Layer 198</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 438px; left: 614px; width: 150px; height: 150px;" id="lay198">Layer 199</div>
|
||||
<div style="background: red none repeat scroll 0%; position: absolute; top: 439px; left: 617px; width: 150px; height: 150px;" id="lay199">Layer 200</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
<html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>meter</title>
|
||||
|
||||
<script>
|
||||
var end_count = 100;
|
||||
var now_count = 0;
|
||||
var total_loops = 0;
|
||||
var displaycontent;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
startcounting();
|
||||
}
|
||||
|
||||
function startcounting()
|
||||
{
|
||||
if (now_count < end_count)
|
||||
{
|
||||
for (i=0;i<=99;i++)
|
||||
{
|
||||
total_loops++;
|
||||
}
|
||||
now_count++;
|
||||
setcontent();
|
||||
document.getElementById("countbox").innerHTML = displaycontent;
|
||||
setTimeout("startcounting()", 0);
|
||||
}
|
||||
else
|
||||
{
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
}
|
||||
|
||||
function setcontent()
|
||||
{
|
||||
var tablewidth = 4.72 * now_count;
|
||||
displaycontent = "<table width="+tablewidth+" height=10 border=0 cellpadding=0 cellspacing=0><tr><td bgcolor=red>";
|
||||
displaycontent += " ";
|
||||
displaycontent += "</td></tr></table>";
|
||||
}
|
||||
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
|
||||
<div id="scalabox">
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
<tbody><tr>
|
||||
<td width="156">0</td>
|
||||
<td align="center" width="157">5000</td>
|
||||
<td width="156" align="right">10000</td>
|
||||
</tr></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div id="countbox">
|
||||
<table width="1" height="20"><tbody><tr><td></td></tr></tbody></table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<html>
|
||||
<head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<style type="text/css">
|
||||
body {background-color: #000000;}
|
||||
.header { z-index: 2; visibility: hidden; position: absolute; font-weight: bold; font-family: comic sans ms; font-size: 48pt; color: #ffffff;}
|
||||
</style>
|
||||
|
||||
<title>Mozilla</title>
|
||||
|
||||
</head>
|
||||
|
||||
<script language="javascript">
|
||||
var num = 1;
|
||||
var mode = 1;
|
||||
var col = 255;
|
||||
var posx = 750;
|
||||
var count = 0;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
doletters();
|
||||
}
|
||||
|
||||
function doletters()
|
||||
{
|
||||
if (mode == 1)
|
||||
{
|
||||
posx -= 15;
|
||||
var letter = document.getElementById("letter" + num).style;
|
||||
letter.visibility = "visible";
|
||||
letter.top = 40;
|
||||
letter.left = posx;
|
||||
var ispace = 0;
|
||||
if (num > 4)
|
||||
ispace = -20;
|
||||
if (posx <= (num * 70 + 180 + ispace))
|
||||
{
|
||||
letter.left = num * 70 + 180 + ispace;
|
||||
num++;
|
||||
posx = 750;
|
||||
}
|
||||
}
|
||||
else if (mode == 2)
|
||||
{
|
||||
var letter=document.getElementById("letter" + num).style;
|
||||
col -= 15;
|
||||
if (col > 16)
|
||||
{
|
||||
letter.color="rgb(255, " + col + "," + col + ")";
|
||||
}
|
||||
else
|
||||
{
|
||||
letter.color="#ff1010";
|
||||
col = 255;
|
||||
num++;
|
||||
}
|
||||
}
|
||||
|
||||
if (num > 7)
|
||||
{
|
||||
mode++;
|
||||
num = 1;
|
||||
}
|
||||
|
||||
if (mode < 3)
|
||||
setTimeout("doletters()", 0);
|
||||
else
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
</script>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
|
||||
<div class="header" id="letter1">M</div>
|
||||
<div class="header" id="letter2">O</div>
|
||||
<div class="header" id="letter3">Z</div>
|
||||
<div class="header" id="letter4">I</div>
|
||||
<div class="header" id="letter5">L</div>
|
||||
<div class="header" id="letter6">L</div>
|
||||
<div class="header" id="letter7">A</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<HTML><HEAD>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<TITLE>BenchJS: image and picture JavaScript Speed Test for PC, Browser and CPU</TITLE>
|
||||
|
||||
<SCRIPT>
|
||||
var now_replaceloops = 0;
|
||||
var plusminus = 1;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
replaceimages();
|
||||
}
|
||||
|
||||
function replaceimages()
|
||||
{
|
||||
if (now_replaceloops < 10)
|
||||
{
|
||||
if (plusminus == 1)
|
||||
var imgurl="images/img2.jpg";
|
||||
else
|
||||
var imgurl="images/img1.jpg";
|
||||
|
||||
for (i = 0; i <= 340; i++)
|
||||
{
|
||||
document.images[i].src = imgurl;
|
||||
}
|
||||
now_replaceloops++;
|
||||
plusminus *= -1;
|
||||
setTimeout("replaceimages()", 0)
|
||||
}
|
||||
else
|
||||
{
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
}
|
||||
</SCRIPT>
|
||||
</HEAD>
|
||||
|
||||
<BODY onload="mzDhtmlStart();">
|
||||
<DIV id=imagesbox>
|
||||
<table border="0" cellpadding="0" cellspacing="0"><tbody>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
<tr><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td><td><img src="images/img1.jpg"></td></tr>
|
||||
</tbody></table>
|
||||
</DIV></BODY></HTML>
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>display chat messages</title>
|
||||
|
||||
<style type="text/css">
|
||||
body {font-family:arial,helvetica; font-size:12px;}
|
||||
td {font-family:arial,helvetica; font-size:12px;}
|
||||
.xredd {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#ff0000;}
|
||||
.xblue {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#0000ff;}
|
||||
.xorng {font-family:arial,helvetica; font-size:12px; font-weight:bold; color:#ffbf11;}
|
||||
</style>
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
|
||||
var xcontent="";
|
||||
var ty=30;
|
||||
var count=0;
|
||||
var scrollObj="";
|
||||
var time1=""
|
||||
var startTime;
|
||||
|
||||
var xtext6='<span class="xorng">Person 0: <\/span>Gebber Gebber Gebber Gebber Gebber Gebber Gebber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xblue">Person 1: <\/span>Gibber Gabber Gibber Gabber Gibber Gabber<br>'+
|
||||
'<span class="xredd">Person 2: <\/span>Gabber Gibber Gabber Gibber Gabber<br>'
|
||||
|
||||
|
||||
function xstart() {
|
||||
scrollObj=document.getElementById('xmessages');
|
||||
scrollObj.style.left="10px";
|
||||
|
||||
for (i=0; i<=50; i++)
|
||||
{
|
||||
xcontent=xcontent+xtext6
|
||||
}
|
||||
|
||||
scrollObj.innerHTML=xcontent;
|
||||
setTimeout("scrollTest()", 0);
|
||||
}
|
||||
|
||||
function scrollTest() {
|
||||
count=count+1; ty=ty-15;
|
||||
scrollObj.style.top=ty+"px";
|
||||
|
||||
if (count<25)
|
||||
setTimeout("scrollTest()", 0);
|
||||
else
|
||||
{
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
}
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
xstart();
|
||||
}
|
||||
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();" scroll="no" bgcolor="#cbcbcb" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
|
||||
|
||||
<div id="xmessages" style="position: absolute; width: 400px; left: 10px; top: -720px;"></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,153 @@
|
|||
<html><head><title>Gecko's Realm - JavaScript Stress Test</title>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<style type="text/css">
|
||||
|
||||
img {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.geckoIcon {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: -65px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
visibility: visible;
|
||||
}
|
||||
.wlcmeIcon {
|
||||
position: absolute;
|
||||
top: 74px;
|
||||
left: -65px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
visibility: visible;
|
||||
}
|
||||
.cssssIcon {
|
||||
position: absolute;
|
||||
top: 138px;
|
||||
left: -65px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
visibility: visible;
|
||||
}
|
||||
.dhtmlIcon {
|
||||
position: absolute;
|
||||
top: 202px;
|
||||
left: -65px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
visibility: visible;
|
||||
}
|
||||
.bugssIcon {
|
||||
position: absolute;
|
||||
top: 266px;
|
||||
left: -65px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
visibility: visible;
|
||||
}
|
||||
.crditIcon {
|
||||
position: absolute;
|
||||
top: 330px;
|
||||
left: -65px;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
visibility: visible;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
var step = 20;
|
||||
var startTime;
|
||||
|
||||
function MoveGeckoIcon(start, finish, step) {
|
||||
if (start >= 710)
|
||||
MoveWlcmeIcon(-65,710,step);
|
||||
else
|
||||
{
|
||||
document.getElementById("geckoIcon").style.left = start+"px";
|
||||
start=start+step;
|
||||
setTimeout("MoveGeckoIcon(" + start + ", " + finish + ", " + step + ")", 0);
|
||||
}
|
||||
}
|
||||
function MoveWlcmeIcon(start, finish, step){
|
||||
if (start >= 710)
|
||||
MoveCssssIcon(-65,710,step);
|
||||
else
|
||||
{
|
||||
document.getElementById("wlcmeIcon").style.left = start+"px";
|
||||
start=start+step;
|
||||
setTimeout("MoveWlcmeIcon(" + start + ", " + finish + ", " + step + ")", 0);
|
||||
}
|
||||
}
|
||||
function MoveCssssIcon(start, finish, step){
|
||||
if (start >= 710)
|
||||
MoveDhtmlIcon(-65,710,step);
|
||||
else
|
||||
{
|
||||
document.getElementById("cssssIcon").style.left = start+"px";
|
||||
start=start+step;
|
||||
setTimeout("MoveCssssIcon(" + start + ", " + finish + ", " + step + ")", 0);
|
||||
}
|
||||
}
|
||||
function MoveDhtmlIcon(start, finish, step){
|
||||
if (start >= 710)
|
||||
MoveBugssIcon(-65,710,step);
|
||||
else
|
||||
{
|
||||
document.getElementById("dhtmlIcon").style.left = start+"px";
|
||||
start=start+step;
|
||||
setTimeout("MoveDhtmlIcon(" + start + ", " + finish + ", " + step + ")", 0);
|
||||
}
|
||||
}
|
||||
function MoveBugssIcon(start, finish, step){
|
||||
if (start >= 710)
|
||||
MoveCrditIcon(-65,710,step);
|
||||
else
|
||||
{
|
||||
document.getElementById("bugssIcon").style.left = start+"px";
|
||||
start=start+step;
|
||||
setTimeout("MoveBugssIcon(" + start + ", " + finish + ", " + step + ")", 0);
|
||||
}
|
||||
}
|
||||
function MoveCrditIcon(start, finish, step){
|
||||
if (start >= 710) {
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById("crditIcon").style.left = start+"px";
|
||||
start=start+step;
|
||||
setTimeout("MoveCrditIcon(" + start + ", " + finish + ", " + step + ")", 0);
|
||||
}
|
||||
}
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
MoveGeckoIcon(-65,710,step);
|
||||
}
|
||||
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div class="geckoIcon" id="geckoIcon" style="left: -65px;">
|
||||
<img src="images/gecko-icon.jpg">
|
||||
</div>
|
||||
<div class="wlcmeIcon" id="wlcmeIcon" style="left: -65px;">
|
||||
<img src="images/welcome-icon.jpg">
|
||||
</div>
|
||||
<div class="cssssIcon" id="cssssIcon" style="left: -65px;">
|
||||
<img src="images/css-icon.jpg">
|
||||
</div>
|
||||
<div class="dhtmlIcon" id="dhtmlIcon" style="left: -65px;">
|
||||
<img src="images/dhtml-icon.jpg">
|
||||
</div>
|
||||
<div class="bugssIcon" id="bugssIcon" style="left: -65px;">
|
||||
<img src="images/bugs-icon.jpg">
|
||||
</div>
|
||||
<div class="crditIcon" id="crditIcon" style="left: -65px;">
|
||||
<img src="images/credits-icon.jpg">
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
<HTML><HEAD>
|
||||
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
|
||||
<SCRIPT type=text/javascript>
|
||||
var xPos = new Array;
|
||||
var yPos = new Array
|
||||
var pointObj = new Array;
|
||||
var intNumberOfBalls = 100;
|
||||
var intNumberOfTimes;
|
||||
var startTime;
|
||||
|
||||
function plotPoint()
|
||||
{
|
||||
for(var i=0; i<intNumberOfBalls; i++)
|
||||
{
|
||||
yPos[i] += 5;
|
||||
xPos[i] += 5;
|
||||
pointObject = pointObj[i];
|
||||
pointObject.style.top = yPos[i]+'px';
|
||||
pointObject.style.left = xPos[i]+'px';
|
||||
}
|
||||
|
||||
if (intNumberOfTimes--!=0)
|
||||
setTimeout("plotPoint()", 0);
|
||||
else
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
|
||||
function startNow()
|
||||
{
|
||||
for(var i=0; i < 100; i++)
|
||||
{
|
||||
var objImageNode = document.createElement('img');
|
||||
objImageNode.setAttribute('id','point' + i);
|
||||
objImageNode.setAttribute('src','images/3dball.gif');
|
||||
objImageNode.style.position = 'absolute';
|
||||
objImageNode.style.width = '30px';
|
||||
objImageNode.style.height = '30px';
|
||||
document.body.appendChild(objImageNode);
|
||||
pointObj[i] = document.getElementById("point"+i);
|
||||
}
|
||||
|
||||
for(var i=0; i<100; i++)
|
||||
{
|
||||
xPos[i]=i*10;
|
||||
yPos[i]=100;
|
||||
}
|
||||
intNumberOfTimes = 20;
|
||||
plotPoint();
|
||||
}
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
startNow();
|
||||
}
|
||||
|
||||
</SCRIPT>
|
||||
</HEAD>
|
||||
<BODY onload="mzDhtmlStart();">
|
||||
</BODY></HTML>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<title>textslide</title>
|
||||
|
||||
<script language="JavaScript">
|
||||
|
||||
var flower;
|
||||
var startTime;
|
||||
|
||||
function animateLayers() {
|
||||
var x_pos1 = parseInt(flower.left);
|
||||
if (x_pos1 < 128)
|
||||
{
|
||||
flower.left = x_pos1+2;
|
||||
setTimeout("animateLayers()", 0);
|
||||
}
|
||||
else
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
flower = document.getElementById("flower").style;
|
||||
animateLayers();
|
||||
}
|
||||
</script></head>
|
||||
|
||||
|
||||
<body onload="mzDhtmlStart();">
|
||||
<div id="flower" style="position: absolute; width: 200px; height: 115px; z-index: 1; top: 200px; visibility: visible; left: 0px;">
|
||||
Lots of text... Lots of text... Lots of text... Lots of text... Lots of text... Lots of text...
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<html><head>
|
||||
<!-- MOZ_INSERT_CONTENT_HOOK -->
|
||||
<script>
|
||||
|
||||
var ww = 1200;
|
||||
var counter = 46;
|
||||
var im;
|
||||
var startTime;
|
||||
|
||||
function mzDhtmlStart()
|
||||
{
|
||||
startTime = Date.now();
|
||||
im=document.getElementById("im");
|
||||
animate();
|
||||
}
|
||||
|
||||
function animate()
|
||||
{
|
||||
ww -= counter;
|
||||
counter--;
|
||||
if (counter > 0)
|
||||
{
|
||||
im.setAttribute("width", ww);
|
||||
setTimeout("animate()", 0);
|
||||
}
|
||||
else {
|
||||
tpRecordTime(Date.now() - startTime);
|
||||
}
|
||||
}
|
||||
</script></head>
|
||||
|
||||
<body onload="mzDhtmlStart();" bgcolor="black">
|
||||
<img id="im" src="images/moz.gif" width="136">
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,301 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
.bordered {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border: 1px black dashed;
|
||||
}
|
||||
</style>
|
||||
<title>Dashed borders test</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- one big one -->
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 10px; width: 5000px; height: 5000px;"></div>
|
||||
<!-- and then some smaller ones -->
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 540px;"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,303 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
.bordered {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
-moz-border-radius: 20px;
|
||||
border: 5px solid black;
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
<title>Round Borders test</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- one big one -->
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 10px; width: 5000px; height: 5000px;"></div>
|
||||
<!-- and then some smaller ones -->
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 540px;"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,301 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
.bordered {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
<title>Solid Borders test</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- one big one -->
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 10px; width: 5000px; height: 5000px;"></div>
|
||||
<!-- and then some smaller ones -->
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 10px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 20px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 30px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 40px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 50px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 60px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 70px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 80px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 90px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 100px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 110px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 120px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 130px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 140px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 150px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 160px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 170px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 180px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 190px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 200px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 210px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 220px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 230px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 240px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 250px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 260px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 270px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 280px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 290px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 300px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 540px;"></div>
|
||||
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 10px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 20px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 30px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 40px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 50px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 60px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 70px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 80px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 90px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 100px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 110px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 120px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 130px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 140px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 150px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 160px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 170px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 180px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 190px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 200px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 210px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 220px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 230px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 240px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 250px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 260px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 270px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 280px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 290px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 300px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 310px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 320px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 330px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 340px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 350px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 360px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 370px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 380px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 390px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 400px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 310px; left: 410px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 320px; left: 420px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 330px; left: 430px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 340px; left: 440px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 350px; left: 450px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 360px; left: 460px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 370px; left: 470px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 380px; left: 480px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 390px; left: 490px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 400px; left: 500px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 410px; left: 510px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 420px; left: 520px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 430px; left: 530px;"></div>
|
||||
<div class="bordered" style="position: fixed; top: 440px; left: 540px;"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
# Lots o' ASCII text
|
||||
http://localhost/page_load_test/gfx/text1.html
|
||||
http://localhost/page_load_test/gfx/text2.html
|
||||
|
||||
# Tiled images
|
||||
http://localhost/page_load_test/gfx/tile-jpg.html
|
||||
http://localhost/page_load_test/gfx/tile-png.html
|
||||
|
||||
# Some borders
|
||||
http://localhost/page_load_test/gfx/borders-solid.html
|
||||
http://localhost/page_load_test/gfx/borders-dashed.html
|
||||
http://localhost/page_load_test/gfx/borders-rounded.html
|
||||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 30 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 134 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 193 B |
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
|
@ -0,0 +1,13 @@
|
|||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background: url(images/jpeg-2x2.jpg) repeat;
|
||||
}
|
||||
</style>
|
||||
<title>Tiling test</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
body {
|
||||
background: url(images/png-2x2.png) repeat;
|
||||
}
|
||||
</style>
|
||||
<title>Tiling test</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0"?>
|
||||
|
||||
<svg
|
||||
width="1024pt"
|
||||
height="768pt"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
<g transform="scale(0.5,0.5)">
|
||||
<g transform="translate(0,0)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image style="opacity: 0.25" xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
</g></g></g></g></g></g></g></g></g></g></g></g></g></g></g></g>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 2.2 KiB |
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0"?>
|
||||
|
||||
<svg
|
||||
width="1024pt"
|
||||
height="768pt"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
<g transform="translate(500,400) scale(0.5,0.5)">
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image style="opacity: 0.2" xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
</g></g></g></g></g></g></g></g></g></g></g></g></g></g></g></g>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 2.4 KiB |
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0"?>
|
||||
|
||||
<svg
|
||||
width="1024pt"
|
||||
height="768pt"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
<g transform="translate(500,400) scale(0.5,0.5)">
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
<g transform="rotate(10)">
|
||||
<image xlink:href="images/kyoto_1.jpg" x="-640" y="-428" width="1280" height="856"/>
|
||||
</g></g></g></g></g></g></g></g></g></g></g></g></g></g></g></g>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 2.1 KiB |
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0"?>
|
||||
|
||||
<svg
|
||||
width="1024pt"
|
||||
height="768pt"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
|
||||
<g transform="scale(0.5,0.5)">
|
||||
<g transform="translate(0,0)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
<g transform="translate(50,50)">
|
||||
<image xlink:href="images/kyoto_1.jpg" width="1280" height="856"/>
|
||||
</g></g></g></g></g></g></g></g></g></g></g></g></g></g></g></g>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 1.9 KiB |
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
|
После Ширина: | Высота: | Размер: 522 KiB |
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
После Ширина: | Высота: | Размер: 92 KiB |
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
После Ширина: | Высота: | Размер: 92 KiB |
|
|
@ -0,0 +1,75 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="400" height="400">
|
||||
<script type="text/javascript">
|
||||
var start = new Date();
|
||||
</script>
|
||||
<text x="10" y="15" font-weight="900" font-size="5">SVG Performance test.</text>
|
||||
<text x="10" y="95" font-weight="900" font-size="5">Test not started.</text>
|
||||
<rect x="0" y="0" height="100" width="100" stroke="black" fill="none"/>
|
||||
<script type="text/javascript"><![CDATA[
|
||||
var svg = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'svg')[0];
|
||||
var t = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'text')[1];
|
||||
|
||||
var Xs = new Array(9, 65, 92, 30, 92, 40, 65, 47, 79, 10, 77, 45,
|
||||
27, 13, 43, 52, 55, 46, 1, 24, 42, 11, 15, 18, 42, 49, 50, 30, 69,
|
||||
95, 36, 49, 46, 85, 54, 26, 15, 56, 18, 92, 40, 41, 66, 85, 7, 47,
|
||||
66, 13, 72, 29, 48, 57, 61, 46, 70, 3, 62, 34, 74, 13, 32, 20, 8,
|
||||
2, 60, 97, 58, 1, 0, 89, 85, 48, 52, 98, 12, 26, 5, 5, 48, 19, 22,
|
||||
34, 83, 13, 65, 77, 23, 40, 56, 65, 13, 54, 81, 10, 53, 25, 93,
|
||||
61, 14, 7);
|
||||
|
||||
var Ys = new Array(42, 80, 93, 30, 54, 33, 76, 56, 2, 79, 37, 80,
|
||||
80, 19, 99, 31, 89, 22, 23, 42, 27, 81, 26, 19, 80, 6, 62, 67, 73,
|
||||
18, 69, 10, 42, 88, 100, 99, 47, 88, 26, 46, 49, 60, 7, 10, 48, 29,
|
||||
25, 26, 33, 73, 84, 24, 42, 74, 5, 49, 69, 81, 19.5, 67, 10, 53, 79,
|
||||
56, 32, 98, 78, 7, 3, 68, 12, 80, 42, 24, 82, 69, 9, 43, 47, 19,
|
||||
69, 45, 41, 64, 1, 39, 25, 84, 35, 77, 26, 43, 32, 75, 89, 66, 48,
|
||||
80, 1, 70);
|
||||
|
||||
var Ss = new Array(5, 3, 1, 3, 1, 8, 8, 7, 8, 5, 1, 4, 4, 2, 1, 2,
|
||||
2, 6, 4, 3, 1, 5, 1, 2, 6, 1, 5, 7, 3, 6, 6, 4, 7, 2, 5, 3, 5, 3,
|
||||
5, 2, 8, 1, 2, 1, 6, 4, 3, 2, 4, 8, 3, 5, 8, 8, 2, 2, 2, 8, 5, 6,
|
||||
4, 8, 5, 3, 6, 2, 3, 2, 3, 6, 3, 5, 8, 7, 2, 4, 8, 8, 6, 4, 6, 1,
|
||||
8, 6, 7, 4, 7, 8, 3, 7, 7, 8, 4, 2, 2, 8, 2, 8, 7, 3);
|
||||
|
||||
var Rs = new Array(157, 142, 37, 13, 349, 83, 158, 214, 34, 353,
|
||||
196, 29, 296, 225, 124, 355, 68, 305, 315, 190, 146, 274, 167,
|
||||
132, 298, 272, 266, 265, 28, 213, 99, 260, 323, 233, 111, 270,
|
||||
165, 177, 58, 350, 322, 137, 163, 80, 206, 138, 20, 355, 32, 310,
|
||||
309, 260, 153, 309, 151, 189, 52, 170, 326, 157, 65, 41, 28, 92,
|
||||
96, 196, 250, 313, 125, 226, 63, 245, 158, 196, 7, 169, 96, 224,
|
||||
222, 273, 37, 26, 331, 302, 57, 55, 171, 347, 319, 54, 83, 189,
|
||||
281, 79, 75, 138, 223, 138, 238, 69);
|
||||
|
||||
var delay = 100;
|
||||
var idealTime = 5000;
|
||||
var maxPerBlock = Xs.length / (idealTime / delay);
|
||||
var maxBlocks = Xs.length / maxPerBlock;
|
||||
var count = 0;
|
||||
|
||||
function runTest() {
|
||||
for (var subcount = 0; subcount < maxPerBlock; subcount += 1) {
|
||||
var index = count * maxPerBlock + subcount;
|
||||
var newT = document.createElementNS('http://www.w3.org/2000/svg', 'text');
|
||||
newT.setAttribute('x', Xs[index]);
|
||||
newT.setAttribute('y', Ys[index]);
|
||||
newT.setAttribute('font-size', Ss[index]);
|
||||
newT.setAttribute('fill', 'aqua');
|
||||
newT.setAttribute('transform', 'translate(50, 50) rotate(' + Rs[index] + ') translate(-50, -50)');
|
||||
newT.appendChild(document.createTextNode(index));
|
||||
svg.appendChild(newT);
|
||||
}
|
||||
++count;
|
||||
if (count < maxBlocks) {
|
||||
window.setTimeout(runTest, delay);
|
||||
t.firstChild.data = 'Test in progress... ' + count + ' of ' + maxBlocks;
|
||||
} else {
|
||||
var end = new Date();
|
||||
var elapsed = (end - start) / 1000;
|
||||
t.firstChild.data = 'Test completed in ' + elapsed.toFixed(2) + 's.';
|
||||
if (window.tpRecordTime) window.tpRecordTime(end - start);
|
||||
if (parent.reportResults) parent.reportResults(end - start);
|
||||
}
|
||||
}
|
||||
window.setTimeout(runTest, delay);
|
||||
]]></script>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 3.5 KiB |
|
|
@ -0,0 +1,76 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="400" height="400">
|
||||
<script type="text/javascript">
|
||||
var start = new Date();
|
||||
</script>
|
||||
<text x="10" y="15" font-weight="900" font-size="5">SVG Performance test.</text>
|
||||
<text x="10" y="95" font-weight="900" font-size="5">Test not started.</text>
|
||||
<rect x="0" y="0" height="100" width="100" stroke="black" fill="none"/>
|
||||
<script type="text/javascript"><![CDATA[
|
||||
var svg = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'svg')[0];
|
||||
var t = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'text')[1];
|
||||
|
||||
var Xs = new Array(9, 65, 92, 30, 92, 40, 65, 47, 79, 10, 77, 45,
|
||||
27, 13, 43, 52, 55, 46, 1, 24, 42, 11, 15, 18, 42, 49, 50, 30, 69,
|
||||
95, 36, 49, 46, 85, 54, 26, 15, 56, 18, 92, 40, 41, 66, 85, 7, 47,
|
||||
66, 13, 72, 29, 48, 57, 61, 46, 70, 3, 62, 34, 74, 13, 32, 20, 8,
|
||||
2, 60, 97, 58, 1, 0, 89, 85, 48, 52, 98, 12, 26, 5, 5, 48, 19, 22,
|
||||
34, 83, 13, 65, 77, 23, 40, 56, 65, 13, 54, 81, 10, 53, 25, 93,
|
||||
61, 14, 7);
|
||||
|
||||
var Ys = new Array(42, 80, 93, 30, 54, 33, 76, 56, 2, 79, 37, 80,
|
||||
80, 19, 99, 31, 89, 22, 23, 42, 27, 81, 26, 19, 80, 6, 62, 67, 73,
|
||||
18, 69, 10, 42, 88, 100, 99, 47, 88, 26, 46, 49, 60, 7, 10, 48, 29,
|
||||
25, 26, 33, 73, 84, 24, 42, 74, 5, 49, 69, 81, 19.5, 67, 10, 53, 79,
|
||||
56, 32, 98, 78, 7, 3, 68, 12, 80, 42, 24, 82, 69, 9, 43, 47, 19,
|
||||
69, 45, 41, 64, 1, 39, 25, 84, 35, 77, 26, 43, 32, 75, 89, 66, 48,
|
||||
80, 1, 70);
|
||||
|
||||
var Ss = new Array(5, 3, 1, 3, 1, 8, 8, 7, 8, 5, 1, 4, 4, 2, 1, 2,
|
||||
2, 6, 4, 3, 1, 5, 1, 2, 6, 1, 5, 7, 3, 6, 6, 4, 7, 2, 5, 3, 5, 3,
|
||||
5, 2, 8, 1, 2, 1, 6, 4, 3, 2, 4, 8, 3, 5, 8, 8, 2, 2, 2, 8, 5, 6,
|
||||
4, 8, 5, 3, 6, 2, 3, 2, 3, 6, 3, 5, 8, 7, 2, 4, 8, 8, 6, 4, 6, 1,
|
||||
8, 6, 7, 4, 7, 8, 3, 7, 7, 8, 4, 2, 2, 8, 2, 8, 7, 3);
|
||||
|
||||
var Rs = new Array(157, 142, 37, 13, 349, 83, 158, 214, 34, 353,
|
||||
196, 29, 296, 225, 124, 355, 68, 305, 315, 190, 146, 274, 167,
|
||||
132, 298, 272, 266, 265, 28, 213, 99, 260, 323, 233, 111, 270,
|
||||
165, 177, 58, 350, 322, 137, 163, 80, 206, 138, 20, 355, 32, 310,
|
||||
309, 260, 153, 309, 151, 189, 52, 170, 326, 157, 65, 41, 28, 92,
|
||||
96, 196, 250, 313, 125, 226, 63, 245, 158, 196, 7, 169, 96, 224,
|
||||
222, 273, 37, 26, 331, 302, 57, 55, 171, 347, 319, 54, 83, 189,
|
||||
281, 79, 75, 138, 223, 138, 238, 69);
|
||||
|
||||
var delay = 100;
|
||||
var idealTime = 5000;
|
||||
var maxPerBlock = Xs.length / (idealTime / delay);
|
||||
var maxBlocks = Xs.length / maxPerBlock;
|
||||
var count = 0;
|
||||
|
||||
function runTest() {
|
||||
for (var subcount = 0; subcount < maxPerBlock; subcount += 1) {
|
||||
var index = count * maxPerBlock + subcount;
|
||||
var newI = document.createElementNS('http://www.w3.org/2000/svg', 'image');
|
||||
newI.setAttribute('x', Xs[index] - (99 / Ss[index]) / 2);
|
||||
newI.setAttribute('y', Ys[index] - (195 / Ss[index]) / 2);
|
||||
newI.setAttribute('height', 195 / Ss[index]);
|
||||
newI.setAttribute('width', 99 / Ss[index]);
|
||||
newI.setAttributeNS('http://www.w3.org/1999/xlink', 'href', '/resources/images/smallcats');
|
||||
newI.setAttribute('transform', 'translate(50, 50) rotate(' + Rs[index] + ') translate(-50, -50)');
|
||||
newI.appendChild(document.createTextNode(index)); // 'TEST'));
|
||||
svg.insertBefore(newI, t);
|
||||
}
|
||||
++count;
|
||||
if (count < maxBlocks) {
|
||||
window.setTimeout(runTest, delay);
|
||||
t.firstChild.data = 'Test in progress... ' + count + ' of ' + maxBlocks;
|
||||
} else {
|
||||
var end = new Date();
|
||||
var elapsed = (end - start) / 1000;
|
||||
t.firstChild.data = 'Test completed in ' + elapsed.toFixed(2) + 's.';
|
||||
if (window.tpRecordTime) window.tpRecordTime(end - start);
|
||||
if (parent.reportResults) parent.reportResults(end - start);
|
||||
}
|
||||
}
|
||||
window.setTimeout(runTest, delay);
|
||||
]]></script>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 3.7 KiB |
|
|
@ -0,0 +1,82 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="400" height="400">
|
||||
<script type="text/javascript">
|
||||
var start = new Date();
|
||||
</script>
|
||||
<text x="10" y="15" font-weight="900" font-size="5">SVG Performance test.</text>
|
||||
<text x="10" y="95" font-weight="900" font-size="5">Test not started.</text>
|
||||
<rect x="0" y="0" height="100" width="100" stroke="black" fill="none"/>
|
||||
<linearGradient id="gradient">
|
||||
<stop offset="0%" stop-color="#00F" />
|
||||
<stop offset="10%" stop-color="#F60" />
|
||||
<stop offset="90%" stop-color="#FF6" />
|
||||
<stop offset="100%" stop-color="#00F" />
|
||||
</linearGradient>
|
||||
<script type="text/javascript"><![CDATA[
|
||||
var svg = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'svg')[0];
|
||||
var t = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'text')[1];
|
||||
|
||||
var Xs = new Array(9, 65, 92, 30, 92, 40, 65, 47, 79, 10, 77, 45,
|
||||
27, 13, 43, 52, 55, 46, 1, 24, 42, 11, 15, 18, 42, 49, 50, 30, 69,
|
||||
95, 36, 49, 46, 85, 54, 26, 15, 56, 18, 92, 40, 41, 66, 85, 7, 47,
|
||||
66, 13, 72, 29, 48, 57, 61, 46, 70, 3, 62, 34, 74, 13, 32, 20, 8,
|
||||
2, 60, 97, 58, 1, 0, 89, 85, 48, 52, 98, 12, 26, 5, 5, 48, 19, 22,
|
||||
34, 83, 13, 65, 77, 23, 40, 56, 65, 13, 54, 81, 10, 53, 25, 93,
|
||||
61, 14, 7);
|
||||
|
||||
var Ys = new Array(42, 80, 93, 30, 54, 33, 76, 56, 2, 79, 37, 80,
|
||||
80, 19, 99, 31, 89, 22, 23, 42, 27, 81, 26, 19, 80, 6, 62, 67, 73,
|
||||
18, 69, 10, 42, 88, 100, 99, 47, 88, 26, 46, 49, 60, 7, 10, 48, 29,
|
||||
25, 26, 33, 73, 84, 24, 42, 74, 5, 49, 69, 81, 19.5, 67, 10, 53, 79,
|
||||
56, 32, 98, 78, 7, 3, 68, 12, 80, 42, 24, 82, 69, 9, 43, 47, 19,
|
||||
69, 45, 41, 64, 1, 39, 25, 84, 35, 77, 26, 43, 32, 75, 89, 66, 48,
|
||||
80, 1, 70);
|
||||
|
||||
var Ss = new Array(5, 3, 1, 3, 1, 8, 8, 7, 8, 5, 1, 4, 4, 2, 1, 2,
|
||||
2, 6, 4, 3, 1, 5, 1, 2, 6, 1, 5, 7, 3, 6, 6, 4, 7, 2, 5, 3, 5, 3,
|
||||
5, 2, 8, 1, 2, 1, 6, 4, 3, 2, 4, 8, 3, 5, 8, 8, 2, 2, 2, 8, 5, 6,
|
||||
4, 8, 5, 3, 6, 2, 3, 2, 3, 6, 3, 5, 8, 7, 2, 4, 8, 8, 6, 4, 6, 1,
|
||||
8, 6, 7, 4, 7, 8, 3, 7, 7, 8, 4, 2, 2, 8, 2, 8, 7, 3);
|
||||
|
||||
var Rs = new Array(157, 142, 37, 13, 349, 83, 158, 214, 34, 353,
|
||||
196, 29, 296, 225, 124, 355, 68, 305, 315, 190, 146, 274, 167,
|
||||
132, 298, 272, 266, 265, 28, 213, 99, 260, 323, 233, 111, 270,
|
||||
165, 177, 58, 350, 322, 137, 163, 80, 206, 138, 20, 355, 32, 310,
|
||||
309, 260, 153, 309, 151, 189, 52, 170, 326, 157, 65, 41, 28, 92,
|
||||
96, 196, 250, 313, 125, 226, 63, 245, 158, 196, 7, 169, 96, 224,
|
||||
222, 273, 37, 26, 331, 302, 57, 55, 171, 347, 319, 54, 83, 189,
|
||||
281, 79, 75, 138, 223, 138, 238, 69);
|
||||
|
||||
var delay = 100;
|
||||
var idealTime = 5000;
|
||||
var maxPerBlock = Xs.length / (idealTime / delay);
|
||||
var maxBlocks = Xs.length / maxPerBlock;
|
||||
var count = 0;
|
||||
|
||||
function runTest() {
|
||||
for (var subcount = 0; subcount < maxPerBlock; subcount += 1) {
|
||||
var index = count * maxPerBlock + subcount;
|
||||
var newI = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
|
||||
newI.setAttribute('x', Xs[index] - (99 / Ss[index]) / 2);
|
||||
newI.setAttribute('y', Ys[index] - (195 / Ss[index]) / 2);
|
||||
newI.setAttribute('height', 195 / Ss[index]);
|
||||
newI.setAttribute('width', 99 / Ss[index]);
|
||||
newI.setAttribute('fill', 'url(#gradient)');
|
||||
newI.setAttribute('transform', 'translate(50, 50) rotate(' + Rs[index] + ') translate(-50, -50)');
|
||||
newI.appendChild(document.createTextNode(index));
|
||||
svg.insertBefore(newI, t);
|
||||
}
|
||||
++count;
|
||||
if (count < maxBlocks) {
|
||||
window.setTimeout(runTest, delay);
|
||||
t.firstChild.data = 'Test in progress... ' + count + ' of ' + maxBlocks;
|
||||
} else {
|
||||
var end = new Date();
|
||||
var elapsed = (end - start) / 1000;
|
||||
t.firstChild.data = 'Test completed in ' + elapsed.toFixed(2) + 's.';
|
||||
if (window.tpRecordTime) window.tpRecordTime(end - start);
|
||||
if (parent.reportResults) parent.reportResults(end - start);
|
||||
}
|
||||
}
|
||||
window.setTimeout(runTest, delay);
|
||||
]]></script>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 3.8 KiB |
|
|
@ -0,0 +1,82 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="400" height="400">
|
||||
<script type="text/javascript">
|
||||
var start = new Date();
|
||||
</script>
|
||||
<text x="10" y="15" font-weight="900" font-size="5">SVG Performance test.</text>
|
||||
<text x="10" y="95" font-weight="900" font-size="5">Test not started.</text>
|
||||
<rect x="0" y="0" height="100" width="100" stroke="black" fill="none"/>
|
||||
<radialGradient id="gradient">
|
||||
<stop offset="0%" stop-color="#00F" />
|
||||
<stop offset="10%" stop-color="#F60" />
|
||||
<stop offset="90%" stop-color="#FF6" />
|
||||
<stop offset="100%" stop-color="#00F" />
|
||||
</radialGradient>
|
||||
<script type="text/javascript"><![CDATA[
|
||||
var svg = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'svg')[0];
|
||||
var t = document.getElementsByTagNameNS('http://www.w3.org/2000/svg', 'text')[1];
|
||||
|
||||
var Xs = new Array(9, 65, 92, 30, 92, 40, 65, 47, 79, 10, 77, 45,
|
||||
27, 13, 43, 52, 55, 46, 1, 24, 42, 11, 15, 18, 42, 49, 50, 30, 69,
|
||||
95, 36, 49, 46, 85, 54, 26, 15, 56, 18, 92, 40, 41, 66, 85, 7, 47,
|
||||
66, 13, 72, 29, 48, 57, 61, 46, 70, 3, 62, 34, 74, 13, 32, 20, 8,
|
||||
2, 60, 97, 58, 1, 0, 89, 85, 48, 52, 98, 12, 26, 5, 5, 48, 19, 22,
|
||||
34, 83, 13, 65, 77, 23, 40, 56, 65, 13, 54, 81, 10, 53, 25, 93,
|
||||
61, 14, 7);
|
||||
|
||||
var Ys = new Array(42, 80, 93, 30, 54, 33, 76, 56, 2, 79, 37, 80,
|
||||
80, 19, 99, 31, 89, 22, 23, 42, 27, 81, 26, 19, 80, 6, 62, 67, 73,
|
||||
18, 69, 10, 42, 88, 100, 99, 47, 88, 26, 46, 49, 60, 7, 10, 48, 29,
|
||||
25, 26, 33, 73, 84, 24, 42, 74, 5, 49, 69, 81, 19.5, 67, 10, 53, 79,
|
||||
56, 32, 98, 78, 7, 3, 68, 12, 80, 42, 24, 82, 69, 9, 43, 47, 19,
|
||||
69, 45, 41, 64, 1, 39, 25, 84, 35, 77, 26, 43, 32, 75, 89, 66, 48,
|
||||
80, 1, 70);
|
||||
|
||||
var Ss = new Array(5, 3, 1, 3, 1, 8, 8, 7, 8, 5, 1, 4, 4, 2, 1, 2,
|
||||
2, 6, 4, 3, 1, 5, 1, 2, 6, 1, 5, 7, 3, 6, 6, 4, 7, 2, 5, 3, 5, 3,
|
||||
5, 2, 8, 1, 2, 1, 6, 4, 3, 2, 4, 8, 3, 5, 8, 8, 2, 2, 2, 8, 5, 6,
|
||||
4, 8, 5, 3, 6, 2, 3, 2, 3, 6, 3, 5, 8, 7, 2, 4, 8, 8, 6, 4, 6, 1,
|
||||
8, 6, 7, 4, 7, 8, 3, 7, 7, 8, 4, 2, 2, 8, 2, 8, 7, 3);
|
||||
|
||||
var Rs = new Array(157, 142, 37, 13, 349, 83, 158, 214, 34, 353,
|
||||
196, 29, 296, 225, 124, 355, 68, 305, 315, 190, 146, 274, 167,
|
||||
132, 298, 272, 266, 265, 28, 213, 99, 260, 323, 233, 111, 270,
|
||||
165, 177, 58, 350, 322, 137, 163, 80, 206, 138, 20, 355, 32, 310,
|
||||
309, 260, 153, 309, 151, 189, 52, 170, 326, 157, 65, 41, 28, 92,
|
||||
96, 196, 250, 313, 125, 226, 63, 245, 158, 196, 7, 169, 96, 224,
|
||||
222, 273, 37, 26, 331, 302, 57, 55, 171, 347, 319, 54, 83, 189,
|
||||
281, 79, 75, 138, 223, 138, 238, 69);
|
||||
|
||||
var delay = 100;
|
||||
var idealTime = 5000;
|
||||
var maxPerBlock = Xs.length / (idealTime / delay);
|
||||
var maxBlocks = Xs.length / maxPerBlock;
|
||||
var count = 0;
|
||||
|
||||
function runTest() {
|
||||
for (var subcount = 0; subcount < maxPerBlock; subcount += 1) {
|
||||
var index = count * maxPerBlock + subcount;
|
||||
var newI = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
|
||||
newI.setAttribute('x', Xs[index] - (99 / Ss[index]) / 2);
|
||||
newI.setAttribute('y', Ys[index] - (195 / Ss[index]) / 2);
|
||||
newI.setAttribute('height', 195 / Ss[index]);
|
||||
newI.setAttribute('width', 99 / Ss[index]);
|
||||
newI.setAttribute('fill', 'url(#gradient)');
|
||||
newI.setAttribute('transform', 'translate(50, 50) rotate(' + Rs[index] + ') translate(-50, -50)');
|
||||
newI.appendChild(document.createTextNode(index));
|
||||
svg.insertBefore(newI, t);
|
||||
}
|
||||
++count;
|
||||
if (count < maxBlocks) {
|
||||
window.setTimeout(runTest, delay);
|
||||
t.firstChild.data = 'Test in progress... ' + count + ' of ' + maxBlocks;
|
||||
} else {
|
||||
var end = new Date();
|
||||
var elapsed = (end - start) / 1000;
|
||||
t.firstChild.data = 'Test completed in ' + elapsed.toFixed(2) + 's.';
|
||||
if (window.tpRecordTime) window.tpRecordTime(end - start);
|
||||
if (parent.reportResults) parent.reportResults(end - start);
|
||||
}
|
||||
}
|
||||
window.setTimeout(runTest, delay);
|
||||
]]></script>
|
||||
</svg>
|
||||
|
После Ширина: | Высота: | Размер: 3.8 KiB |
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
После Ширина: | Высота: | Размер: 388 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 87 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 123 KiB |
|
|
@ -0,0 +1,23 @@
|
|||
# gearflowers image
|
||||
http://localhost/page_load_test/svg/gearflowers.svg
|
||||
|
||||
# some generic image compositing tests
|
||||
http://localhost/page_load_test/svg/composite-scale.svg
|
||||
http://localhost/page_load_test/svg/composite-scale-opacity.svg
|
||||
http://localhost/page_load_test/svg/composite-scale-rotate.svg
|
||||
http://localhost/page_load_test/svg/composite-scale-rotate-opacity.svg
|
||||
|
||||
# Painting multiple complex paths
|
||||
% http://localhost/page_load_test/svg/hixie-001.xml
|
||||
# Painting multiple complex paths with transparency
|
||||
% http://localhost/page_load_test/svg/hixie-002.xml
|
||||
# Painting text
|
||||
% http://localhost/page_load_test/svg/hixie-003.xml
|
||||
# Painting images
|
||||
% http://localhost/page_load_test/svg/hixie-004.xml
|
||||
# Painting linear gradients
|
||||
% http://localhost/page_load_test/svg/hixie-005.xml
|
||||
# Painting radial gradients
|
||||
% http://localhost/page_load_test/svg/hixie-006.xml
|
||||
# World Map
|
||||
% http://localhost/page_load_test/svg/hixie-007.xml
|
||||
|
|
@ -66,6 +66,8 @@ import ttest
|
|||
def shortNames(name):
|
||||
if name == "tp_loadtime":
|
||||
return "tp_l"
|
||||
elif name == "tp_js_loadtime":
|
||||
return "tp_js_l"
|
||||
elif name == "tp_Percent Processor Time":
|
||||
return "tp_%cpu"
|
||||
elif name == "tp_Working Set":
|
||||
|
|
@ -166,7 +168,10 @@ def send_to_graph(results_server, results_link, title, date, browser_config, res
|
|||
tmpf.write(result_format % (float(val), res, tbox, i, date, browser_config['branch'], browser_config['buildid'], "discrete", "ms"))
|
||||
i += 1
|
||||
else:
|
||||
# each line of the string is of the format i;page_name;median;mean;min;max;time vals\n
|
||||
# each line of the string is of the format i;page_name;median;mean;min;max;time vals\n
|
||||
name = ''
|
||||
if ((res == 'tp') or (res == 'tp_js')):
|
||||
name = '_loadtime'
|
||||
for bd in browser_dump:
|
||||
bd.rstrip('\n')
|
||||
page_results = bd.splitlines()
|
||||
|
|
@ -183,7 +188,7 @@ def send_to_graph(results_server, results_link, title, date, browser_config, res
|
|||
except ValueError:
|
||||
print 'WARNING: value error for median in tp'
|
||||
val = 0
|
||||
tmpf.write(result_format % (val, res + '_loadtime', tbox, i, date, browser_config['branch'], browser_config['buildid'], "discrete", page))
|
||||
tmpf.write(result_format % (val, res + name, tbox, i, date, browser_config['branch'], browser_config['buildid'], "discrete", page))
|
||||
i += 1
|
||||
tmpf.flush()
|
||||
tmpf.close()
|
||||
|
|
|
|||
|
|
@ -90,4 +90,22 @@ tests :
|
|||
cycles : 1
|
||||
win_counters : ['Working Set', 'Private Bytes', '% Processor Time']
|
||||
unix_counters : [ 'Private Bytes', 'RSS']
|
||||
tdhtml:
|
||||
url: '-tp page_load_test/dhtml/dhtml.manifest -tpchrome -tpformat tinderbox -tpcycles 5'
|
||||
resolution : 1
|
||||
cycles : 1
|
||||
win_counters : []
|
||||
unix_counters : []
|
||||
tgfx:
|
||||
url: '-tp page_load_test/gfx/gfx.manifest -tpchrome -tpformat tinderbox -tpcycles 5 -tprender'
|
||||
resolution : 1
|
||||
cycles : 1
|
||||
win_counters : []
|
||||
unix_counters : []
|
||||
tsvg:
|
||||
url: '-tp page_load_test/svg/svg.manifest -tpchrome -tpformat tinderbox -tpcycles 5'
|
||||
resolution : 1
|
||||
cycles : 1
|
||||
win_counters : []
|
||||
unix_counters : []
|
||||
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче