SoFunction
Updated on 2025-02-28

js+div implements image scrolling effect code

Horizontal
<div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" onmouseover="stopscroll();"

onmouseout="doscroll()">
<div style="white-space:nowrap;padding:0;">
<a href="javascript:alert('post a new post');"><img src="Image URL" height=20 width=104

border=0></a>
<a href="javascript:alert('Post a Reply');"><img src="Image URL" height=20 width=104

border=0></a>
</div>
</div>
<!--Scrolling javascript-->
<script>
var t=
+=
function doMarquee()
{
=<?+1:
}
function doscroll()
{
   sc=setInterval(doMarquee,20)
}
function stopscroll()
{
   clearInterval(sc)
}
doscroll()
</script>
<!--Scrolling javascript end-->


Vertical
<div style="height:110px; overflow:hidden ">
<div >
<a href="javascript:alert('post a new post');"><img src="Image URL" height=20 width=104

border=0></a>
<a href="javascript:alert('Post a Reply');"><img src="Image URL" height=20 width=104

border=0></a>
</div><div ></div>
<!--Scrolling javascript-->
<script>
var speed=100
=
function Marquees(){
if(<=0)
-=
else{
++
}
}
var MyMars=setInterval(Marquees,speed)
=function() { clearInterval(MyMars) }
=function() { MyMars=setInterval(Marquees,speed) }
zlselect('6');
</script><!--Scrolling javascript end-->
</div>