Scrolling News Ticker Jquery - Issues

Original Source & Example: http://www.htmldrive.net/items/show/397/Vertical-Scrolling-News-Ticker-With-jQuery-jCarouse Hello Again!! Scrolling News Ticker Jquery with some iss

Solution 1:

to add line to separate each items add border-bottom:1px solid black; to the css.

after read your question i would like to show you the javascript method that i used in my site and stops when mouse over.

<divid="marqueecontainer"onMouseover="copyspeed=pausespeed"onMouseout="copyspeed=marqueespeed"><divid="vmarquee"style="position: absolute; width: 98%;"><!--YOUR SCROLL CONTENT HERE--><!--YOUR SCROLL CONTENT HERE--></div></div><styletype="text/css">#marqueecontainer{
 position: relative;
  width: 200px; /*marquee width */height: 200px; /*marquee height */background-color: white;
 overflow: hidden;
 border: 3px solid orange;
 padding: 2px;
 padding-left: 4px;
 }

 </style><scripttype="text/javascript">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)?var copyspeed=marqueespeed
   var pausespeed=(pauseit==0)? copyspeed: 0var actualheight=''functionscrollmarquee(){
    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"
     }

     functioninitializemarquee(){
      cross_marquee=document.getElementById("vmarquee")
       cross_marquee.style.top=0
       marqueeheight=document.getElementById("marqueecontainer").offsetHeight
       actualheight=cross_marquee.offsetHeight//height of marquee content (much of which is hidden from view)if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
       cross_marquee.style.height=marqueeheight+"px"
      cross_marquee.style.overflow="scroll"return
       }
        setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
        }

     if (window.addEventListener)
      window.addEventListener("load", initializemarquee, false)
  elseif (window.attachEvent)
     window.attachEvent("onload", initializemarquee)
   elseif (document.getElementById)
     window.onload=initializemarquee


    </script>

you can view the demo at here