<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>注资流程</title>
<link rel="stylesheet" href="css/common.css"/>
<link rel="stylesheet" href="css/index.css"/>
<!--<script src="js/jquery.min.js"></script>-->
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery-powerSwitch.js"></script>
</head>
<body>
<div class="nav">
<div class="nav1">
<div><img src="images/home_02.png" alt=""/></div>
<ul class="nav2">
<li><a href="#">首页</a></li>
<li><a href="">二元期货</a></li>
<li><a href="">交易账户</a></li>
<li><a href="">知识堂</a></li>
<li><a href="">最新消息</a></li>
<li><a href="">活动促销</a></li>
<li><a href="">关于富达</a></li>
</ul>
<ul class="nav3">
<li><a href=""> | </a></li>
<li><a href="">登陆</a></li>
<li><a href="">马上开户</a></li>
</ul>
</div>
</div>
<div class="banner"><img src="images/qw.png" alt=""/></div>
<div class="bodyer">
<div class="content">
<div class="cash">注资<span>流程</span></div>
<div>富达金融提供24小时方便快捷的网上存取服务,如果您已经开通了网上银行存储服务,您可以随时登陆账号,于网上完成存款,金额即将添加到您的交易账户中。</div>
<div>
<ul class="tab" id="tab">
<li class="tab1 ">
<div class="slide-bar active">
<b></b>
<div>按照此登入账户中心,如阁下还没开通真实账户,可按照此申请。</div>
<span></span>
</div>
<div class="content-box content1" >
<!--此处放内容-->
<div class="d_img"><img src="images/home_02.png" alt=""/></div>
<ul class="navbar">
<li><a href="">真实账户中心</a></li>
<li>|</li>
<li><a href="">登出</a></li>
<li>|</li>
<li><a href="">在线客服</a></li>
<li>|</li>
<li><a href="">联络我们</a></li>
</ul>
<div class="dcontent2">
<ul class="navbar2" id="navbar2">
<li class="actives1"><a href="javascript:void(0);">账户登入</a></li>
<li ><a href="javascript:void(0);">交易平台</a></li>
<li ><a href="javascript:void(0);">存款</a></li>
<li ><a href="javascript:void(0);">取款</a></li>
<li ><a href="javascript:void(0);">修改密码</a></li>
<li ><a href="javascript:void(0);">资金记录</a></li>
</ul>
<div class="dcontents" style="display: block;">
<div class="dcontentsf dcontents1" id="dcontents1" >
<!--style='display: block;'-->
<div class="dlogin"><a href="">账户登入</a></div>
<div class="forget"><a href="">忘记密码</a></div>
<div class="navtabs">
<ul class="navbar3">
<li><label>账户类别*</label> <span></span></li>
<li><label>登陆账号*</label><input type="text"/></li>
<li><label>密码*</label><input type="text"/></li>
<li><label>验证码*</label><input type="text"/><span></span></li>
</ul>
<div class="dlogin1"><a href="">登陆</a></div>
<div class="dreset"><a href="">重设</a></div>
</div>
</div>
<div class="dcontentsf" id="dcontents2" style="display: none;">
<!--此处填内容-->
1111111111
</div>
<div class="dcontentsf" id="dcontents3" style="display: none;">
<!--此处填内容-->
2222222
</div>
<div class="dcontentsf" id="dcontents4" style="display: none;">
<!--此处填内容-->
333333333333
</div>
<div class="dcontentsf" id="dcontents5" style="display: none;">
<!--此处填内容-->
</div>
<div class="dcontentsf" id="dcontents6" style="display: none;">
<!--此处填内容-->
</div>
</div>
</div>
</div>
</li>
<li class="tab2" style="clear: both;">
<div class="slide-bar">
<b></b>
<div>点击"存款"选择支付渠道及输入金额</div>
<span></span>
</div>
<div class="content-box">
2
<!--此处放内容-->
</div>
</li>
<li class="tab3">
<div class="slide-bar">
<b></b>
<div>点击提交核对金额后点击"支付"</div>
<span></span>
</div>
<div class="content-box">
3
<!--此处放内容-->
</div>
</li>
<li class="tab4">
<div class="slide-bar">
<b></b>
<div>页面会自动跳转至支付平台请按指示登入网上银行进行存款</div>
<span></span>
</div>
<div class="content-box">
4
<!--此处放内容-->
</div>
</li>
<li class="tab5">
<div class="slide-bar">
<b></b>
<div>存款成功后,系统会实时把金额加到您的账户中</div>
<span></span>
</div>
<div class="content-box">
5
<!--此处放内容-->
</div>
</li>
</ul>
</div>
<div>
<p>注意事项</p>
<p>1.无论何种存款方式,本公司不会接受来自第三方的存款。如本公司收到非账户本人持有人之本人存款,将</br>会退款至发款方。发款方需要支付有关行政费用。</p>
<p>2.本公司并未收取任何兑换费用</p>
<div>3.任何问题都可以与<a href="">24小时客服</a>在线处理</div>
</div>
<div class="flow">取款<span>流程</span></div>
<div class="dtext2">富达金融提供<span>简单快捷</span>的取款服务,您可以随时登入账户中心完成取款手续。</div>
<ul class="tabs" id="tabs">
<li class="tabs1">
<div class="slide-bar">
<b></b>
<div>进入账户中心</div>
<span></span>
</div>
<div class="contents-box">
<div class="slide_div1">
<img src="images/home_02.png" alt=""/>
<ul>
<li><a href="">首页</a></li>
<li><a href="">二元期权</a></li>
<li><a href="">交易账户</a></li>
<li><a href="">最新消息</a></li>
<li><a href="">关于富达</a></li>
</ul>
</div>
</div>
</li>
<li class="tabs2">
<div class="slide-bar">
<b></b>
<div>输入账号和验证码登入</div>
<span></span>
</div>
<div class="contents-box">
3
<!--此处放内容-->
</div>
</li>
<li class="tabs3">
<div class="slide-bar">
<b></b>
<div>选择[取款],输入取款金额并提交</div>
<span></span>
</div>
<div class="contents-box">
3
<!--此处放内容-->
</div>
</li>
</ul>
</div>
</div>
<script>
$(function () {
// $("#tab").on('click','li',function(){
// $(this).toggleClass('active').siblings('li').removeClass('active')
// });
$("#tab>li .slide-bar").click(function () {//注册资本手风琴效果
$(this).toggleClass('active').siblings('li').removeClass('active')
});
$("#tabs>li .slide-bar").click(function () {//取款流程手风琴效果
$(this).toggleClass('actives').siblings('li').removeAttr('actives')
});
$("#navbar2>li").click(function () {// 选项卡切换
var $this = $(this);
var index = $this.index();
$this.addClass('actives1').siblings("li").removeClass("actives1");
$(".dcontents .dcontentsf").siblings().hide().eq(index).show();
})
});
</script>
</body>
</html>
手风琴和选项卡效果
最新推荐文章于 2021-12-20 23:48:01 发布