<style>/*my Marquee CSS start*/my_marquee_info{width:200px;border: #987654 solid 1px;padding:20px 3px 3px 2px;ma
rgin-top:30px;}
. My_marquee_main{width:200px;height:160px;border: #234567 solid 1px;padding:2px 3px 3px 2px;overflow:hidden;}
. My_marquee_div1{width:195px;border:green solid 1px;
. my_marquee_div2{width:195px;border:red solid 1px; /*my Marquee CSS end*/</style> <div id= "demo" style= "overflow:hidden;height:50px;width:400px"; Font-size:12px;align:right;color: #c50800; margin-top:2px; " > <div id= "demo1" > <table border= "0" cellpadding= "0" > <tr style= "background- Color:green; " > <td><p style= "width:400px;" > Training Venues </p></td> <td><p style= "width:400px;" > Leisure Tea Bar </p></td> <td><p style= "width:400px;" > Club Profile </p></td> <td><p style= "width:400px;" > Indoor Arena </p></td> <td><p style= "width:400px;" > Animal Husbandry Racecourse ≪/p></td> <td id= "Demo2" valign= "Top" ></td> </tr> </table> &L t;/div> </div> <div class= "My_marquee_info" id= "My_marquee_info" ></div> <script language= "
The more JavaScript "type=" Text/javascript >//scrolling speed, the slower the scrolling speed.
var speed = 20;
Scrolling area document.getElementById ("Demo2"). InnerHTML = document.getElementById ("Demo1"). InnerHTML; The method that implements scrolling function Marquee () {if document.getElementById (' Demo2 '). Offsetwidth-document.getelementbyid (' demo ').
scrollleft<=0) document.getElementById (' demo '). Scrollleft-=document.getelementbyid (' Demo1 '). offsetwidth;
else{document.getElementById (' demo '). scrollleft++;
} document.getElementById (' My_marquee_info '). Innerhtml= '; document.getElementById (' My_marquee_info '). innerhtml+= ' Div.scrolltop: ' +document.getelementbyid (' demo ').
ScrollLeft;
var MyMar = setinterval (marquee,speed); document.getElementById ("Demo"). onmouseover = function () {clearinterval (MyMar)};
document.getElementById ("Demo"). onmouseout = function () {Mymar=setinterval (marquee,speed)}; </script>