[tut] Make a news scroller without Javascript

[Tim]

Ok, here is the javascript that will make it stop and go on mouse over, it's super simple, just put this in your HTML head:

Code:

<script type="text/javascript">
function scrollover(){
document.getElementById('scroll2').scrollAmount = 0;
return false;
}
function scrollout(){
document.getElementById('scroll2').scrollAmount = 3;
return false;
}
</script>

And add this to the scroller div:

Code:

onMouseOver="scrollover()" onMouseOut="scrollout()"

So the complete code to put where you want the scroller would be:

Code:

<div id="scroller" height="300px" width="200px" onMouseOver="scrollover()" onMouseOut="scrollout()">
<marquee ID="scroll2" scrollamount="3" direction="up" height="350">
<!--Put the stuff that you want to scroll between here-->
Item 1
<p />
Item 2
<p />
Item 3
<p />
<!--and here-->
</marquee>
</div>