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
  1. <div id='marqueecontainer' onMouseover='copyspeed=pausespeed' onMouseout='copyspeed=marqueespeed'>
  2. <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??
[JAVASCRIPT] pobierz, plaintext
  1. var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
  2. var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
  3. var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
  4.  
  5. ////NO NEED TO EDIT BELOW THIS LINE////////////
  6.  
  7. var copyspeed=marqueespeed
  8. var pausespeed=(pauseit==0)? copyspeed: 0
  9. var actualheight=''
  10.  
  11. function scrollmarquee(){
  12. if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
  13. cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
  14. else
  15. cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
  16. }
  17.  
  18. function initializemarquee(){
  19. cross_marquee=document.getElementById("vmarquee")
  20. cross_marquee.style.top=0
  21. marqueeheight=document.getElementById("marqueecontainer").offsetHeight
  22. actualheight=cross_marquee.offsetHeight
  23. setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
  24. }
  25.  
  26. if (window.addEventListener)
  27. window.addEventListener("load", initializemarquee, false)
  28. else if (window.attachEvent)
  29. window.attachEvent("onload", initializemarquee)
  30. else if (document.getElementById)
  31. window.onload=initializemarquee
[JAVASCRIPT] pobierz, plaintext

  1. #marqueecontainer{
  2. position: relative;
  3. width: 200px; /*marquee width */
  4. height: 200px; /*marquee height */
  5. overflow: hidden;
  6. border: 3px solid orange;
  7. }