JQ实现滚动图的效果

初始化自动滚动，需要开启一个计时器；当鼠标进入时，滚动停止，其他的选项变暗，厉害时候，又都变亮，继续滚动

代码如下

<script>
 $(function () {
      $(".sub.sub>ul>li:even").css("backgroundColor","#dedfed")
      $(".sub.sub>ul>li:odd").css("backgroundColor","#cafded")
     $(".sub.sub>ul>li:first").clone().appendTo($(".sub.sub>ul"))
     $(".sub.sub>ul>li:first").next().clone().appendTo($(".sub.sub>ul"))
     var timer; var m=0;
     function movemy(){
         timer = setInterval(function () {
             if( m<=-800 ){
                 m=0;
             }
             $(".sub.sub>ul").css("top",m);
             m += -10;

         },300)
     }
     movemy();
     $(".sub.sub>ul>li").mouseenter(function () {
         clearInterval(timer);
         timer=null;
         $(this).fadeTo(0.5,100);
         $(this).siblings().fadeTo(100,0.5);
     })
     $(".sub.sub>ul").mouseleave(function () {
         $(".sub.sub>ul>li").fadeTo(0.5,100);
         movemy();
     })


 })
</script>