Poniżej przykład by lepiej wyjaśnić.
W kodzie html wystarczy umieścić tekst pomiędzy dwoma divami
<div id='marqueecontainer' onMouseover='copyspeed=pausespeed' onMouseout='copyspeed=marqueespeed'>
Problem w tym, że jeśli umieszczę to 2 razy na stronie przewija się tylko pierwszy div.
Wiem, że jednym (chyba najgorszym) rozwiązaniem jest edycja kodu css i js i zamienienie marqueecontainer na np marqueecontainer2 i vmarquee na vmarquee2
Czy da się zrobić aby pozostał jeden kod i przewijały się 2 divy??
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds) var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10) var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)? ////NO NEED TO EDIT BELOW THIS LINE//////////// var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var actualheight='' function scrollmarquee(){ if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" else cross_marquee.style.top=parseInt(marqueeheight)+8+"px" } function initializemarquee(){ cross_marquee=document.getElementById("vmarquee") cross_marquee.style.top=0 marqueeheight=document.getElementById("marqueecontainer").offsetHeight actualheight=cross_marquee.offsetHeight setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll) } if (window.addEventListener) window.addEventListener("load", initializemarquee, false) else if (window.attachEvent) window.attachEvent("onload", initializemarquee) else if (document.getElementById) window.onload=initializemarquee
#marqueecontainer{ position: relative; width: 200px; /*marquee width */ height: 200px; /*marquee height */ overflow: hidden; border: 3px solid orange; }