首页 > Web开发 > 详细

横向滚动条展示 css

时间:2015-12-21 14:18:20      阅读:197      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!