首页 > Web开发 > 详细

div+css滚动条

时间:2015-11-11 20:33:37      阅读:322      评论:0      收藏:0      [点我收藏+]

今天项目中用到了滚动条

<style>
span{display:inline-block;*display:inline-block;zoom:1;}//span的样式
.bg{width:300px;height:20px;border-radius:10px;background:#e3e3e3;}//整个滚动条的颜色
.main{height:20px;border-radius:10px;background:#37B5DD;}//随着百分比的数字变动 的颜色
 </style>

<span class="bg">
    <span class="main"></span>
</span>
<span class="num">70%</span>//这个可以放入动态的数字
<script>
$(function(){
    var _width = $(‘.num‘).text();//获取百分比数值
    $(‘.main‘).css(‘width‘,_width);//将数值赋值给main的width
});
</script>

 演示图

技术分享

 

 

div+css滚动条

原文:http://www.cnblogs.com/maojiayan/p/4957218.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!