/*
   **兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码（支持左移/右移功能）(本示例为上下两行图片进行双行滚动)
   **
   **实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，
   **通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，
   **因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。 
   */ 
   var speed1=0     //图片左移的速度
   var MyMar1     //setInterverval方法返回的间隔ID,些ID为全局的调用次数(用于第一行图片)
   var MyMar2     //setInterverval方法返回的间隔ID,些ID为全局的调用次数(用于第二行图片)
   var lefthit=0         //记录左移按钮点击次数
   var righthit=0     ////记录右移按钮点击次数  
   //调用右移方法前,先让左移停止（clearInterval清除setInterval对方法的调用）

   function toright(){
          //判断是否是第一次按下右移按钮（图片往右开始移动的时候，不会在调用此方法。只有当按了左移按钮时，才会把righthit重设为0）
       if(righthit==0){
           speed2=30;
           document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
           function Marquee_a(){
               if(document.getElementById("demo").scrollLeft<=0){
                   document.getElementById("demo").scrollLeft=document.getElementById("demo2").offsetWidth
               }
               else{
                  document.getElementById("demo").scrollLeft--
               }
           }
           MyMar3=setInterval(Marquee_a,speed2)
           document.getElementById("demo").onmouseover=function() 
           {clearInterval(MyMar3);}
           document.getElementById("demo").onmouseout=function() 
           {MyMar3=setInterval(Marquee_a,speed2);}
        
          
           
           righthit=1     //设置右移按钮，当按了一次右移按钮后(不管按多少次)，在没按左移按钮之前，toright方法里的的代码不会再被执行
           lefthit=0     //把左移按钮设为0,这样当下次点了左移按钮的时候，以便toleft方法被调用
       }
   }
 
 $(function(){ toright(); });