码迷,mamicode.com
首页 > Web开发 > 详细

横向滚动条展示 css

时间:2015-12-21 14:18:25      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

<div class="shuaixuan" style="overflow:hidden;">
    <div style="overflow-x:scroll;overflow-y:hidden; height:60px;" id="scroll">
      <ul style="width:120%;  display:inline-block">
        <li> <a href="/member/takeaway_member_order.html">
          全部 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unpay.html">
          待付款 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unconfirm.html">
          待付款 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unship.html">
          待配送 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/unfinish.html" class="cur">
          待收货 </a> </li>
        <li> <a href="/member/takeaway_member_order/type/undianping.html">
          待评价 </a> </li>
        <div class="clear"></div>
      </ul>
    </div>
  </div>

 

<script>
  $(document).ready(function() {
  $(‘#fadajing‘).click(function(){
  if(!$(‘.searchform‘).is(":visible")){
  $(‘.searchform‘).css(‘height‘,‘0px‘);
  $(‘.searchform‘).css(‘padding‘,‘0px‘);
  $(‘.searchform‘).show();
  $(‘.searchform‘).animate({height:"57px",paddingBottom:"10px",paddingTop:"10px",paddingLeft:"2%",paddingRight:"2%"});
  $(‘.xqbody‘).animate({‘margin-top‘:‘107px‘});
  }
  });
  });
  </script>

横向滚动条展示 css

标签:

原文地址:http://www.cnblogs.com/mm2015/p/5063222.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!