jquery 滚动特效

下面三步
1)引入这个jquery文件
2) html的代码
3)自己写滚动的代码
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>


<div class="con-list">
                         <ul class="award-list">
                            <li id="2" class="list list-1">
                                                                 <p><img alt="小米2s" src="/sites/all/themes/shipingzhong/images/from/award_2.png"></p>                                                                                                                 
                      
                                </li><li id="800" class="list list-2">
                                                                                                                                                                      <p><img alt="800元代金券" src="/sites/all/themes/shipingzhong/images/from/award_800.png"></p>            
                      
                                </li><li id="2" class="list list-3">
                                                                 <p><img alt="小米2s" src="/sites/all/themes/shipingzhong/images/from/award_2.png"></p>                                                                                                                 
                      
                                </li><li id="0" class="list list-4">
                                <p><img alt="免单" src="/sites/all/themes/shipingzhong/images/from/award_0.png"></p>                                                                                                                                                  
                      
                                </li><li id="2" class="list list-5">
                                                                 <p><img alt="小米2s" src="/sites/all/themes/shipingzhong/images/from/award_2.png"></p>                                                                                                                 
                      
                                </li><li id="800" class="list list-6">
                                                                                                                                                                      <p><img alt="800元代金券" src="/sites/all/themes/shipingzhong/images/from/award_800.png"></p>            
                      
                                </li><li id="1" class="list list-7">
                                                                                                   <p><img alt="ipadmini" src="/sites/all/themes/shipingzhong/images/from/award_1.png"></p>                                                                               
                      
                                </li><li id="3" class="list list-8">
                                                                                                                                     <p><img alt="谢谢参与" src="/sites/all/themes/shipingzhong/images/from/award_3.png"></p>                                             
                      
                                </li><li id="800" class="list list-9">
                                                                                                                                                                      <p><img alt="800元代金券" src="/sites/all/themes/shipingzhong/images/from/award_800.png"></p>            
                      
                                </li><li id="1" class="list list-10">
                                                                                                   <p><img alt="ipadmini" src="/sites/all/themes/shipingzhong/images/from/award_1.png"></p>                                                                               
                      
                                </li><li id="800" class="list list-11">
                                                                                                                                                                      <p><img alt="800元代金券" src="/sites/all/themes/shipingzhong/images/from/award_800.png"></p>            
                      
                                </li><li id="1" class="list list-12">
                                                                                                   <p><img alt="ipadmini" src="/sites/all/themes/shipingzhong/images/from/award_1.png"></p>                                                                               
                      
                                </li>                            
                            <li class="list-btn">
                                <a href="###" class="startbtn"></a>
                                <div class="award-share">
                                    <p>本活动仅针对购买本页所列热门课程用户</p><p>
                                    </p><h4>您今天还有<strong>3</strong>次抽奖机会<a href="###">查看中奖纪录</a></h4>
                                    <div class="sharebox">
                                        <em>分享可额外增加<strong>5</strong>次机会：</em>
                                        <div class="bdsharebuttonbox"><a title="分享到QQ空间" data-cmd="qzone" data="" class="bds_qzone" href="#"></a><a title="分享到新浪微博" data-cmd="tsina" class="bds_tsina" href="#"></a><a title="分享到腾讯微博" data-cmd="tqq" class="bds_tqq" href="#"></a><a title="分享到微信" data-cmd="weixin" class="bds_weixin" href="#"></a></div>
                                
                                      </div>
                                </div>
                            </li>
                        </ul>
                        <div class="award-trend">
                            <h3></h3>
                            <ul style="overflow: hidden; margin-top: 0px;">
                                                          <li>恭喜138758*****<em>中小米手机一个</em></li><li> 恭喜158073*****<em>中小米手机一个</em></li><li>恭喜 188111*****<em>中800元代金卷</em></li><li>恭喜 158073*****<em>中800元代金卷</em></li><li>恭喜 132315*****<em>中小米手机一个</em></li><li>恭喜 138758*****<em>中ipad一个</em></li><li>恭喜 132315*****<em>中800元代金卷</em></li><li>恭喜 189119*****<em>中ipad一个</em></li><li>恭喜 132415*****<em>中ipad一个</em></li><li>恭喜 186110*****<em>中ipad一个</em></li><li>恭喜 188111*****<em>中小米手机一个</em></li><li>恭喜 186110*****<em>中800元代金卷</em></li><li>恭喜 132415*****<em>中800元代金卷</em></li><li>恭喜 132315*****<em>中ipad一个</em></li><li>恭喜 158073*****<em>中ipad一个</em></li></ul>
                        </div>
                    </div>





<script type="text/javascript">
     function scrollNews(obj){
    var $self = obj.find("ul:first");
    var lineHeight = $self.find("li:first").height();
    $self.animate({ "margin-top" : -lineHeight +"px" },600 , function(){
    $self.css({"margin-top":"0px"}).find("li:first").appendTo($self);
    })
  }
    $(function(){
        
        /*$('.bg-mask').height(function(){
      return $(document).height();
    });
    $('.banner > div,.content-box > div,.bg-mask').width(function(){
        return $(document).width();
      });*/
       var $this = $(".award-trend");
      var scrollTimer;
      $this.hover(function(){
        clearInterval(scrollTimer);
        },function(){
        scrollTimer = setInterval(function(){
        scrollNews( $this );
        }, 1000 );
      }).trigger("mouseout");
  });
    
    </script>