html pictures scrolling code

I too use, page useful! Share it

　　The most straightforward Source

<! - The following is the code scroll up -> 
 
<div style = butong_net_top ID = overflow: hidden; height: 100 ; width: 90 ;> 
<div ID = butong_net_top1> 
<IMG the src = " inserted need to scroll the image " > 
<img src = " insert need to scroll the picture " > 
<img src = " insert need to scroll the picture " > 
<img src = " insert need to scroll the picture " > 
<img src = " insert need to scroll the picture " > 
</ div> 
<div ID = butong_net_top2> </ div> 
</ div> 
<Script>was speed = 30 
butong_net_top2.innerHTML
butong_net_top1.innerHTML = // clone butong_net_top1 is butong_net_top2 
function Marquee1 () {
 // if the scroll to the junction butong_net_top1 butong_net_top2 
IF (butong_net_top2.offsetTop-butong_net_top.scrollTop <= 0 ) & < 60 ; & < 60 ; 
butong_net_top.scrollTop - butong_net_top1.offsetHeight = // butong_net_top jump to the top of 
the else { 
butong_net_top.scrollTop ++ ; 
} 
} 
var MyMar1 = the setInterval (Marquee1, Speed) // sets the timer
 // mouseover Clear timer reaches a stop scrolling object 
butong_net_top .οnmοuseοver =function () {the clearInterval (MyMar1)}
 // mouse-out to reset the timer 
butong_net_top.οnmοuseοut = function () {= MyMar1 the setInterval (Marquee1, Speed)}
 </ Script> 
 
<-! rolling up the end code - -> 
 
<br> 
 
<- The following is the code scroll down ->! 
 
<div style = butong_net_bottom ID = overflow: hidden; height: 100 ; width: 90 ;> 
<div ID = butong_net_bottom1> 
<IMG the src = " insert need to scroll pictures " > 
<img src = " insert need to scroll the picture " > 
<img src = " insert need to scroll the picture " > 
<img src = " insert need to scroll the picture " >
<img src="插入需要滚动的图片">
</div>
<div id=butong_net_bottom2></div>
</div>
<script>
var speed=30
butong_net_bottom2.innerHTML=butong_net_bottom1.innerHTML
butong_net_bottom.scrollTop=butong_net_bottom.scrollHeight
function Marquee2(){
if(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop>=0)
butong_net_bottom.scrollTop+=butong_net_bottom2.offsetHeight
else{
butong_net_bottom.scrollTop--
}
}
var MyMar2=setInterval(Marquee2,speed)
butong_net_bottom.οnmοuseοver= Function () {the clearInterval (MyMar2)} 
butong_net_bottom.οnmοuseοut = function () {= MyMar2 the setInterval (Marquee2, Speed)}
 </ Script> 
 
<-! Scroll down End Code -> 
 
<br> 
 
<! - The following is the code scroll left -> 
 
<div ID = " butong_net_left " style = " overflow: hidden; width: 500px; " > 
<Table cellpadding = " 0 " cellspacing = " 0 " border = " 0 " > 
<TR> <TD ID = " butong_net_left1 " valign = "top"" Align = left = Center " > 
<Table cellpadding = " 2 " cellspacing = " 0 " border = " 0 " > 
<TR align = left = " Center " > 
<TD> <IMG the src = " <IMG the src = " inserted need to scroll the picture " > </ td> 
<td> <img src = " insert need to scroll the picture " > </ td> 
<td> <img src = " insert need to scroll the picture " > </ td> 
<td> <src = img " insert need to scroll the picture " > </ td> 
<td> <src = img "Insert need to scroll the picture . " > </ td> 
</ TR> 
</ the Table> 
</ td> 
<td the above mentioned id = " butong_net_left2 " valign = " Top " > </ td> 
</ TR> 
</ the Table> 
</ div > 
<Script> var speed = 30 // slower the speed the greater the value 
butong_net_left2.innerHTML = butong_net_left1.innerHTML 
function Marquee3 () { IF (butong_net_left2.offsetWidth-butong_net_left.scrollLeft <= 0 ) 
butong_net_left.scrollLeft - = butong_net_left1.offsetWidth
 the else { 
butong_net_left.scrollLeft++


} 
} 
Var MyMar3 = the setInterval (Marquee3, Speed) 
butong_net_left.οnmοuseοver = function () {the clearInterval (MyMar3)} 
butong_net_left.οnmοuseοut = function () {= MyMar3 the setInterval (Marquee3, Speed)}
 </ Script> 
 
<-! To scroll left end of the code -> 
 
<br> 
 
<- below is right scrolling code ->! 
 
<div the above mentioned id = " butong_net_right " style = " overflow: hidden; width: 500px; " > 
<the Table cellpadding = " 0 " = cellspacing " 0 " border = " 0 " >
<tr><td id="butong_net_right1 " valign = " Top " align = left = " Center " > 
<Table cellpadding = " 2 " cellspacing = " 0 " border = " 0 " > 
<TR align = left = " Center " > 
<TD> <IMG the src = " inserted need to scroll picture " > </ td> 
<td> <img src = " insert need to scroll the picture " > </ td> 
<td> <img src = "Need to insert a picture scroll " > </ td> 
<td> <img src = " insert need to scroll the picture . "> </ TD> 
<TD> <IMG the src = " inserted need to scroll the picture " > </ TD> 
</ TR> 
</ Table> 
</ TD> 
<TD ID = " butong_net_right2 " valign = " Top " > < / TD> 
</ TR> 
</ Table> 
</ div> 
<Script> var speed = 30 // speed the greater the value the slower 
butong_net_right2.innerHTML = butong_net_right1.innerHTML 
function Marquee4 () { IF (butong_net_right.scrollLeft <= 0 ) 
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else

{
butong_net_right.scrollLeft - 
} 
} 
var MyMar4 = the setInterval (Marquee4, Speed) 
butong_net_right.οnmοuseοver = function () {the clearInterval (MyMar4)} 
butong_net_right.οnmοuseοut = function () {= MyMar4 the setInterval (Marquee4, Speed)}
 </ Script> 
 
<! - right scrolling code end ->

View Code

I was doing the project is to take this to use, for everyone to share the source code from: https://blog.csdn.net/sikong00/article/details/78628984