js实现滚动条效果

< script  type ="text/javascript"  src  ="js/jquery.min.js"></  script >

< script  type ="text/javascript"  src  ="js/sdmenu.js"></  script >

< script  type ="text/javascript">

    window.onload =  function () {

         var  myMenu;

        myMenu =  new  SDMenu( "my_menu"  );

        myMenu.init();

         var  SDmodel =  new  scrollDoor();

    };   

</ script >

       < div  class ="rollnews">

             < ul  style =" float  :  left ;  width :  90px  ;  color :  #305fb6 ; ">

                 < strong >  公告： </ strong  ></ ul >

             < ul  id ="demo">

                 < table  border ="0"  cellpadding ="1"  cellspacing ="1"  cellspace ="0">

                     < tr >

                         < td  id ="marquePic1">

                             < table  width ='880'  border ='0'  cellspacing ='0'>

                                 < tr >

                                    <%

                                        BizComponents. Notice_Biz  biz =  new  BizComponents. Notice_Biz  ();

                                        System.Collections.Generic. List  <Entity. Notice > list = biz.Notice_GetAll( "*"  );

                                         if  (list.Count > 0)

                                        {

                                             for  ( int  i = 0; i < list.Count; i++)

                                            {

              

                                    %>

                                     < td >

                                         < a  href =' <% =list[i].Link %> '  target ="_blank">

                                            <% = list[i].AddTime.ToString(  "yyyy-MM-dd" ) %> ：

                                            <% = getStr(list[i].Title,35) %> </ a  >

                                     </ td >

                                    <%}

                                        }

                                         else

                                        { %>

                                     < td >

                                         < span  style =" color  :  Red ;  font-size :  12px  ; "> 暂无数据  ... </ span  >

                                     </ td >

                                    <%

                                        } %>

                                 </ tr >

                             </ table >

                         </ td >

                         < td  id ="marquePic2"  valign ="top">

                         </ td >

                     </ tr >

                 </ table >

             </ ul >

             < p  class ="clear">

             </ p >

         </ div >

         < script  type ="text/javascript">

var  speed=50

marquePic2.innerHTML=marquePic1.innerHTML

function  Marquee(){

if (demo.scrollLeft>=marquePic1.scrollWidth){

demo.scrollLeft=0

} else {

demo.scrollLeft++

}

}

var  MyMar=setInterval(Marquee,speed)

demo.οnmοuseοver=  function () {clearInterval(MyMar)}

demo.οnmοuseοut=  function () {MyMar=setInterval(Marquee,speed)}

         </ script >