<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery投资理财网页计算器代码</title>
</head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="layer-v2.3/layer/skin/layer.css" />
<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="layer-v2.3/layer/layer.js"></script>
<style>
.cal-tabs {
border-bottom: 1px solid #dfdfdf;
position: absolute;
right: 0;
top: -4px;
}
.calc-title {
font-size: 20px;
line-height: 28px;
}
.calc-tab.active {
border-bottom: 2px solid #fc6700;
color: #fc6700;
line-height: 40px;
}
.calc-tab {
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 42px;
line-height: 42px;
text-align: center;
}
.p-0 {
padding: 0 !important;
}
.mt-15 {
margin-top: 15px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.rel {
position: relative;
}
.form-control {
box-shadow: none;
}.calc-addon {
background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
}
.carl-record {
font-size: 14px;
}
.carl-record {
font-size: 14px;
}
.calc-label {
font-size: 14px;
line-height: 34px;
text-align: right;
}
.spanfont {
color: #666666;
font-family: "微软雅黑";
font-size: 14px;
}
.spanje {
color: #ff6b00;
font-size: 24px;
}
.reset{
background: #666 none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "微软雅黑";
font-size: 14px;
height: 30px;
line-height: 30px;
margin-top: 30px;
outline: 0 none;
text-align: center;
width: 90px;
}
.sub{
background: #53a0e3 none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "微软雅黑";
font-size: 14px;
height: 30px;
line-height: 30px;
margin-top: 30px;
outline: 0 none;
text-align: center;
width: 90px;
}
</style>
<body>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bb-no">
<button onclick="closeTk();" aria-label="Close" data-dismiss="modal" class="close" type="button"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<!-- 理财计算器START -->
<div class="">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title calc-title rel">
理财计算器
<div class="cal-tabs">
<div class="calc-tab active jCalcTab">投资理财</div>
</div>
</h3>
</div>
<div class="panel-body p-0" >
<!--投资理财，债权转让tab框START-->
<div class="calc-bd-tabs jCalcBdTabs">
<div class="cal-bd-tab jCalBdTab">
<!--投资理财Panel START-->
<div class="row mt-15">
<div class="col-md-6">
<div class="col-xs-4 calc-label">投资金额</div>
<div class="col-xs-8">
<div class="input-group">
<!--input type="text" onblur="inputblur(this);" onkeypress="inputkeypress(this);" onkeyup="inputkeyup(this);" id="bidAmount" class="form-control"-->
<input type="text" name="jkje" id="jkje" placeholder="借款金额" class="form-control" style="width: 125px;" />
<div class="input-group-addon calc-addon">元</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 mt-md-10 mt-sm-10 mt-xs-10 col-xs-12">
<div class="col-xs-4 calc-label">年化收益</div>
<div class="col-xs-8">
<div class="input-group">
<!-- <input type="text" onblur="inputblur(this);" onkeypress="inputkeypress(this);" onkeyup="inputkeyup(this);" id="bidRate" class="form-control">
--> <input type="text" name="nhlv" id="nhlv" placeholder="年化利率" class="form-control" />
<div class="input-group-addon calc-addon">%</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 mt-10">
<div class="col-xs-4 calc-label">借款期限</div>
<div class="col-xs-8">
<div class="input-group">
<input type="text" name="jkqx" id="jkqx" placeholder="期限" class="form-control" style="width: 81px;">
<div class="input-group-addon calc-addon"> <input type="radio" name="nyy" id="yue" value="1" checked="" />月
<input type="radio" name="nyy" id="tian" value="2" />天
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 mt-10">
<div class="col-xs-4 calc-label">还款方式</div>
<div style="width:147px;" class="col-xs-8">
<!-- <select style="" name="bidWay" id="bidWay">
<option value="按月等额本息">按月等额本息</option>
<option value="按月付息到期还本">按月付息到期还本</option>
</select>-->
<select style="margin-top:0px;width:149px;" name="hkfs" id="hkfs" class="form-control">
<option value="1">按月付息，到期还本</option>
<option value="3">等额本息</option>
<option value="2">一次性还本付息</option>
</select>
</div>
</div>
</div>
<div class="row mt-15">
<div class="col-md-12 tc" style="margin-top:-20px;margin-bottom: 20px;">
<div class="col-xs-6 tc" style="text-align: center;">
<input type="button" value="计算" class="sub " id="btn-profit" />
<!--<button onclick="itCalAll();" style="padding-left:40px;padding-right:40px;" class="btn btn-info btn-lg" type="submit">计算</button>-->
</div>
<div class="col-xs-6 tc" style="text-align: center;">
<input type="button" value="重置数据" class="reset" id="btn-reset">
<span id="expect-profit"></span>
</div>
</div>
<div class="col-md-12" style="margin-top: 10px;;">
<div class="col-md-6">
<span class="spanfont">投资金额： </span><span class="spanje" id="tzjexs"></span><span class="spanfont">元</span>
</div>
<div class="col-md-6">
<span class="spanfont">投资期限：</span><span class="spanje" id="tzqxxs"></span><span class="spanfont">个月</span>
</div>
<div class="col-md-6">
<span class="spanfont">利息收益： </span><span class="spanje" id="lxsy"></span><span class="spanfont">元</span>
</div>
<div class="col-md-6">
<span class="spanfont">本息合计：</span><span class="spanje" id="bxhj"></span><span class="spanfont">元</span>
</div>
</div>
</div>
<!--投资理财Panel END-->
</div>
<div class="cal-bd-tab hidden jCalBdTab">
</div>
</div>
<!--投资理财，债权转让tab框END-->
<div class="calc-tps mt-20 text-center"><strong></strong></div><br />
<!-- <div class="jsjg">
<div class="tablet">
<div style="width: 230px;float: left;text-align: center;"><span class="spanfont">投资金额： </span><span class="spanje" id="tzjexs"> </span><span class="spanfont">元</span></div>
<div style="width: 180px;float: left;text-align: center;"><span class="spanfont">投资期限：</span><span class="spanje" id="tzqxxs"></span><span class="spanfont">个月</span></div>
<div style="width: 230px;float: left;text-align: center;"><span class="spanfont">利息收益： </span><span class="spanje" id="lxsy"> </span><span class="spanfont">元</span></div>
<div style="width: 230px;float: left;text-align: center;"><span class="spanfont">本息合计：</span><span class="spanje" id="bxhj"></span><span class="spanfont">元</span></div>
</div>
<br/>
</div>-->
<!--<div style="<!--[if !IE 8]><!-->max-height: 300px;<!--<![endif]-->h
jQuery投资理财网页计算器代码.zip （10个子文件） 
layer-v2.3 layer 
layer.js 19KB skin default 
loading-2.gif 2KB loading-1.gif 701B loading-0.gif 6KB
icon-ext.png 6KB icon.png 11KB layer.css 14KB js jquery-1.8.3.min.js 91KB css bootstrap.min.css 120KB
index.html 17KB资源评论
