2020-10-5服装商城首页轮播图，收缩菜单，左右切换，滚动

这次学习的还是服装商城的效果图，展示
轮播图，点击切换的效果：

$(function(){
   
                   $(".num li").bind("click onmouseover",function () {
   
      var index=$(this).index();
      $(".slider").animate({
   
       "top":(-150) * index+"px"
      });
      $(this).addClass("on").siblings().removeClass("on");
      })
      })    

<div class="ad">
     <ul class="slider">
      <li><img src="images/ads/1.gif" /></li>
      <li><img src="images/ads/2.gif" /></li>
      <li><img src="images/ads/3.gif" /></li>
      <li><img src="images/ads/4.gif" /></li>
      <li><img src