JS写的图片滚动效果以及防止点击速度过快

JS代码

<script type="text/javascript">
$(function(){

var num=$('#num').attr('value');
           var n=Math.ceil(num/3);

           var width = 640;


           var w2=-(n-1)*width;

  var scrollUp = function(){
               var l1=parseInt($('.first-ul').css('margin-left'));
               if(l1 !==0){
                   var w=l1+width;
                   $('#news_rolling_up').unbind('click',scrollUp);

                   $(".first-ul").animate({ marginLeft:w},800,function(){

                       $('#news_rolling_up').bind('click',scrollUp);
                   });
               }

           }

           var scrollDown = function(){

               var l1=parseInt($('.first-ul').css('margin-left'));
               if(l1 > w2){
                   var w1=l1-width;
                   $('#news_rolling_down').unbind('click',scrollDown);
                   $(".first-ul").animate({ marginLeft:w1 },800,function(){

                       $('#news_rolling_down').bind('click',scrollDown);
                   });
               }
           }
           $("#news_rolling_up").click(scrollUp);
           $("#news_rolling_down").click(scrollDown);

})
   </script>

HTML代码：

<div class="first-main">
           <ul class="first-ul">
               <li class="li-main">
                   <div class="weibo"><p>
                       嘻嘻，我的冰箱无霜，我的爱也无霜！家里的冰箱是我特地挑选的无霜冰箱，我和媳妇谁有时间就给对方做好吃的，食材新鲜，做出的菜也格外好吃~我家的冰箱，不仅给食材保鲜，也给我俩的爱情保鲜啦！</p>
                   </div>
                   <div class="user">
                       <a href="javascript:void(0)" class="user-head"><img src="images/user.jpg" alt=""></a>

                       <div class="messages">
                           <p>上传者： <a href="javascript:void(0)">Axiamidd</a></p>

                           <p>来自： <a href="javascript:void(0)">呼伦贝尔</a></p>
                       </div>
                   </div>
               </li>
               <li class="li-main">
                   <div class="weibo"><img src="images/peitu.jpg" alt=""></div>
                   <div class="user">
                       <a href="javascript:void(0)" class="user-head"><img src="images/user.jpg" alt=""></a>

                       <div class="messages">
                           <p>上传者： <a href="javascript:void(0)">Axiamidd</a></p>

                           <p>来自： <a href="javascript:void(0)">呼伦贝尔</a></p>
                       </div>
                   </div>
               </li>
               <li class="li-main last">
                   <div class="weibo"><p>
                       说起结霜我就是一把心酸泪啊！那会儿人家还是初恋呢~他在平安夜送了我一个“定情”苹果，没舍得吃，放在冰箱里，本想能长久保鲜的，没想到竟然结霜了， 他的心意就这么浪费了……所以我结婚就选了海尔无霜冰箱，以后绝对不能让这些霜阻挡我的幸福！</p>
                   </div>
                   <div class="user">
                       <a href="javascript:void(0)" class="user-head"><img src="images/user.jpg" alt=""></a>

                       <div class="messages">
                           <p>上传者： <a href="javascript:void(0)">Axiamidd</a></p>

                           <p>来自： <a href="javascript:void(0)">呼伦贝尔</a></p>
                       </div>
                   </div>
               </li>
           </ul>
       </div>