A页面点击输入投资金额点击确定按钮后,增加B页面的投资金额所占比例。
进度条用的jqmeter.js 插件:
赋值粘贴下面的代码
B页面代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery简单实用的轻量级进度条插件</title>
<style type="text/css">
*{padding:0; margin:0;}
h1{text-align:center; margin:60px auto 20px;}
.box{width:700px; margin:0 auto;}
</style>
<script src="http://libs.useso.com/js/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jqmeter.min.js"></script>
<script type="text/javascript">
$(function(){
$('.jqmeter-container').jQMeter({
goal:'$3,000',
raised:'$1800',
width:'300px',
height:'30px'
});
});
</script>
</head>
<body>
<div class="box">
<div class="jqmeter-container"></div>
</div>
</body>
</html>
A页面:
相关分类