Witam, znalazłem skrypt, który przewija mi pionowo tekst. Problem w tym, że jest on dosyć prosto napisany.
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'> <div id='vmarquee' style='position: absolute; width: 98%;'>tekst
</div></div>
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;
}