Here is an interesting example of a scrolling window and the codes about it:

Code:
HTML code:
Code:

<html>
<head>
<title>A DOM Scrolling Window</title>
<script language="Javascript" type="text/javascript"
src="scroll.js">
</script>
<link rel="stylesheet" type="text/css" href="scroll.css">
</head>
<body>
<h1>Scrolling Window Example</h1>
<p>This example shows a scrolling window created using Javascript and
the W3C DOM.The red-bordered window below is actually a layer that
shows a clipped portion of a larger layer.</p>
<div id="thewindow">
<div id="thetext">
<p>
I want to make this text scroll horizontally in one line from left to right.Any suggestions?
</p>
</div>
</div>
</body>
</html>


Code:
JS code:
Code:

// global variable for position of the scrolling window
var pos=100;
function Scroll() {
if (!document.getElementById) return;
obj=document.getElementById("thetext");
pos -=1;
if (pos < 0-obj.offsetHeight+130)return;
obj.style.top=pos;
window.setTimeout("Scroll();",30);
}
// Start scrolling when the page loads
window.onload = Scroll;
I have some questions about it:

a)Can i move the text from top to the buttom?(which is the opposite from what it moves now).
b)How can i make the text to move nonstop?In other words when it stops to start again.
c)I have used the obj.style.left=pos in order to make the text move from left to right but i want it to move all horizontally in one line only.How could i do that?Something like this:


This is a text.This is text.This is a text.This is a text...


not like : <p> This is a text.This
is a text.This is a
text.This is a text... <p>