mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-05 16:46:26 +00:00
64 lines
2.9 KiB
HTML
64 lines
2.9 KiB
HTML
<HTML>
|
|
<BODY>
|
|
<P>
|
|
Let's start with some text, have a <B>bold element</B>, an <I>italicized element</I> and then an image:
|
|
<IMG SRC="http://www.caboodles.com/clipart/archives/alt_bin/transport/car13.gif" width=100 height=80>
|
|
<font color="#0000FF">And now a lot more text. And now a lot more text. And now a lot more text.</font>
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
<font color="#FF0000">And now a lot more text. And now a lot more text. And now a lot more text.</font>
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
<font color="#00FF00">And now a lot more text. And now a lot more text. And now a lot more text.</font>
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
<font face="Arial, Helvetica, sans-serif">And now a lot more text. And now a lot more text. And now a lot more text. </font>
|
|
<font face="Verdana, Arial, Helvetica, sans-serif">And now a lot more text. And now a lot more text. And now a lot more text. </font>
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
<font face="Times New Roman, Times, serif">And now a lot more text. And now a lot more text. And now a lot more text. </font>
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
<table border=2>
|
|
<tr><td><center><img SRC="http://zabadubop/layers/tests/mzcolor.gif">A table!</center></td><td><center>You're a brave man, Kipp.</center></td></tr>
|
|
<tr><td><center>And more text.</center></td><td><center>And still more text.</center></td></tr>
|
|
</table>
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
<font size=6>And now a lot more text. And now a lot more text. And now a lot more text. </font>
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
And now a lot more text. And now a lot more text. And now a lot more text.
|
|
</P>
|
|
<SCRIPT>
|
|
var body = document.documentElement.childNodes[1];
|
|
var para = body.childNodes[1];
|
|
var img1 = para.childNodes[5];
|
|
var tbody = document.getElementsByTagName("TBODY")[0];
|
|
var tparent = tbody.childNodes[0].childNodes[0];
|
|
var img2 = tparent.childNodes[0].childNodes[0];
|
|
|
|
var pos = 0;
|
|
|
|
function rotate(p, c) {
|
|
p.removeChild(c);
|
|
var child = p.childNodes[pos++];
|
|
if (pos > p.childNodes.length) {
|
|
pos = 0;
|
|
}
|
|
p.insertBefore(c, child);
|
|
}
|
|
|
|
function rotate2() {
|
|
tparent.childNodes[0].removeChild(img2);
|
|
if (tparent.nextSibling != null) {
|
|
tparent = tparent.nextSibling;
|
|
}
|
|
else if (tparent.parentNode.nextSibling != null) {
|
|
tparent = tparent.parentNode.nextSibling.childNodes[0];
|
|
}
|
|
else {
|
|
tparent = tbody.childNodes[0].childNodes[0];
|
|
}
|
|
tparent.childNodes[0].insertBefore(img2, tparent.childNodes[0].childNodes[0]);
|
|
}
|
|
var int1 = setInterval(rotate, 1000, para, img1);
|
|
var int2 = setInterval(rotate2, 1000)
|
|
|
|
</SCRIPT>
|
|
</BODY>
|
|
</HTML> |