代码收藏 javascript 图片滚动代码

1、横向无间断滚动

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
     < title ></ title >
</ head >
< body >
     < table  width ="700"  border ="0"  cellpadding ="0"  cellspacing ="0" >
         < tr >
             < td >
                 < div  id ="www_qpsh_com"  style ="overflow: hidden; height: 120px; width: 700px; color: #ff0000" >
                     < table  align ="left"  cellpadding ="0"  cellspacing ="0"  border ="0" >
                         < tr >
                             < td  id ="www_qpsh_com1"  valign ="top" >
                                 < table  border ="0"  cellpadding ="0"  cellspacing ="0" >
                                     < tr >
                                         < td >
                                             < a  href ="http://www.qpsh.com/javascript/showpage2443.htm"  target ="_blank" >
                                                 < img  border ="0"  src ="http://www.qpsh.com/icon/BS9097.jpg"  width ="150"  height ="100"
                                                    hspace ="22" ></ a >< br >
                                             < center >
                                                 < b > 说明一 </ b ></ center >
                                         </ td >
                                         < td  width ="30" >
                                         </ td >
                                         < td >
                                             < a  href ="http://www.qpsh.com"  target ="_blank" >
                                                 < img  border ="0"  src ="http://www.qpsh.com/icon/BS9092.jpg"  width ="150"  height ="100"
                                                    hspace ="22" ></ a >< br >
                                             < center >
                                                 < b > 说明二 </ b ></ center >
                                         </ td >
                                         < td  width ="30" >
                                         </ td >
                                         < td >
                                             < a  href ="http://www.3sdo.com"  target ="_blank" >
                                                 < img  border ="0"  src ="http://www.qpsh.com/icon/BS9084.jpg"  width ="150"  height ="100"
                                                    hspace ="22" ></ a >< br >
                                             < center >
                                                 < b > 说明三 </ b ></ center >
                                         </ td >
                                         < td  width ="30" >
                                         </ td >
                                         < td >
                                             < a  href ="http://www.sanguo5.com"  target ="_blank" >
                                                 < img  border ="0"  src ="http://www.qpsh.com/icon/BS9079.jpg"  width ="150"  height ="100"
                                                    hspace ="22" ></ a >< br >
                                             < center >
                                                 < b > 说明四 </ b ></ center >
                                         </ td >
                                         < td  width ="30" >
                                         </ td >
                                         < td >
                                             < a  href ="http://www.pc555.com"  target ="_blank" >
                                                 < img  border ="0"  src ="http://www.qpsh.com/icon/BS9070.jpg"  width ="150"  height ="100"
                                                    hspace ="22" ></ a >< br >
                                             < center >
                                                 < b > 说明五 </ b ></ center >
                                         </ td >
                                     </ tr >
                                 </ table >
                             </ td >
                             < td  id ="www_qpsh_com2"  valign ="top" >
                             </ td >
                         </ tr >
                     </ table >
                 </ div >
             </ td >
         </ tr >
     </ table >

     < script  type ="text/javascript" >
         var  speedMy  =   10 // 速度数值越大速度越慢
        www_qpsh_com2.innerHTML  =  www_qpsh_com1.innerHTML
         function  Marquee1() {
             if  (www_qpsh_com2.offsetWidth  -  www_qpsh_com.scrollLeft  <=   0 )
                www_qpsh_com.scrollLeft  -=  www_qpsh_com1.offsetWidth
             else  {
                www_qpsh_com.scrollLeft ++
            }
        }
         var  MyMar1  =  setInterval(Marquee1, speedMy)
        www_qpsh_com.onmouseover  =   function () { clearInterval(MyMar1) }
        www_qpsh_com.onmouseout  =   function () { MyMar1  =  setInterval(Marquee1, speedMy) }
     </ script >

</ body >
</ html >