Horizontal
<div ID = demo style = "overflow: hidden; width: 200px; border: 2px solid #e0e0e0; padding: 2px;" onmouseover = "stopScroll ();"
onmouSeout = "DOSCROLL ()">
<div ID = "demo1" style = "white-spie: newrap; padding: 0;">
<A href = "javascript: alert ('Published a new post');"> <img src = "Picture URL" Height = 20 width = 104
border = 0> </a>
<A href = "javascript: Alert ('Post Reply');"> <IMG SRC = "Picture URL" Height = 20 Width = 104
border = 0> </a>
</div>
</div>
<!-Rolling javascript->
<script>
var t = demo.scrollwidth
demo1.innerhtml+= demo1.innerHtml
Function Domarquee ()
{{
Demo.ScrollLeft = demo.ScrollLeft <demo.ScrollWidth-Demo.OffsetWidth? Demo.ScrolLLEFT+1: T-Demo.OffSetWidth
}
Function doscroll ()
{{
SC = SetInterval (Domarquee, 20)
}
Function StopScroll ()
{{
Clearinterval (SC)
}
doscroll ()
</script>
<!-Rolling javascript ends->
Vertical
<div ID = "demo" style = "height: 110px; overflow: hidden">
<div ID = "Demo1">
<A href = "javascript: alert ('Published a new post');"> <img src = "Picture URL" Height = 20 width = 104
border = 0> </a>
<A href = "javascript: Alert ('Post Reply');"> <IMG SRC = "Picture URL" Height = 20 Width = 104
border = 0> </a>
</div> <div ID = "demo2"> </div>
<!-Rolling javascript->
<script>
varulaed = 100
demo2.innerHtml = demo1.innerHtml
function marqueees () {
if (demo2.offsettop-demo.scrolltop <= 0)
demo.Scrolltop- = demo1.Offsetheight
else {
demo.scrolltop ++
}
}
var mymars = SetInterval (Marquees, Speed)
demo.onmouseover = Function () {Clearinterval (mymars)}
demo.onmouSeout = Function () {MyMars = SetInterval (Marquees, Speed)}
zlselect ('6');
</script> <!-Rolling javascript ends->
</div>