QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 表单代码 > jQuery bootstrap模态登录框插件

jQuery bootstrap模态登录框插件

基于bootstrap.js制作简洁模态登录框,点击按钮弹出登录框表单,输入账号,密码效果。这是一款响应式的弹窗登录框插件。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

2、head引入js文件

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

3、body引入HTML代码

<div class="modal fade" id="myModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
					  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
			</div>
			<div class="modal-body">
					<h4 class="modal-title" align="center">登录框</h4>
					<br/>
					<form class="form-horizontal" role="form">
						<div class="form-group">
							<label for="name" class="col-sm-offset-2 col-sm-2 control-label">账号</label>
							<div class="col-sm-5">
								<input type="text" class="form-control" id="name" placeholder="请输您的入账号">
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="col-sm-offset-2 col-sm-2 control-label">密码</label>
							<div class="col-sm-5">
								<input type="password" class="form-control" id="password" placeholder="请输入您的密码">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-4 col-sm-5">
								<button id="submitBtn" type="submit" class="btn btn-default btn-block btn-primary">登陆</button>
							</div>
						</div>
						</form>
			</div>
			<div class="modal-footer">
			</div>
		</div>
		<!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script type="text/javascript">
$(function(){

	$(".tbox").click(function(){
		$('#myModal').modal('show') //显示模态框
	})
	
});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:
L. 他的发布 已发布1

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
1分快三 www.57193.cc-苹果彩八下载| www.994177.com-网上彩票赚钱平台| www.574182.com-e77乐彩登录平台| www.464658.com-彩票分析学-| www.237973.com-怎样看吉林快三规律| www.367682.com-水彩星空图片| www.527258.com-新时时彩的开奖结果| www.629078.com-淘宝买快三-| www.9917.org-奥鸿集团时时彩| www.29fd.com-足球体彩竞猜规则| www.367960.com-大众彩票网app| www.515432.com-七星彩去哪里买| www.626161.com-盛兴金祥彩票网| www.187.live-水溶彩铅画图片风景| www.4591.biz-酷彩吧中奖有用吗| www.510556.com-夸人帅气的彩虹屁| www.722259.com-画画彩铅图片大全| www.2jl.cc-彩票现在多少钱一注| www.23225.cc-彩色的翅膀资料| www.77933.com-福彩3d中大奖| www.431601.com-3d家彩网开奖查询| www.576060.com-分分钟快三怎么玩| www.667128.com-精选论坛特区彩票网| www.8974.cn-进入更多精彩内容| www.85896.cc-天下体彩主页| www.957610.com-高频彩票ok-| www.sz96.com-国彩彩票官方网站| www.61257.cc-彩99下载网站| www.582815.com-华宇彩票平台骗局| www.655081.com-海南七星彩系统| www.sv28.com-彩票万能公式计算器| www.18yv.com-亿乐彩是黑平台吗| www.581073.com-开彩吧免费资料| www.438888.com-彩票招商网-| www.561104.com-体育彩票千亿彩票| www.671434.com-彩500正规吗| www.749896.com-排列三字谜双彩论坛| www.822775.com-福彩3d家彩开机号| www.893071.com-本育彩票开奖结果| www.961216.com-分分彩辅助预测软件| www.mr89.com-彩八仙手机版苹果版| www.2lw.com-优选彩店真的假的| www.96114.com-7o3彩票-| www.761.website百乐彩登录网址| www.8439.xyz-哪家开发过彩票| www.872930.com-福彩双色球加盟电话| www.711288.com-彩票平台提现被锁| www.810992.com-头奖彩票网官网客服| www.929662.com-七星彩抓规公式| 500彩票www.50064z.com| www.pu55.cc-砍龙团队刷彩流水单| www.246993.com-上海福彩网快3预测| www.135428.com-彩票销售员招聘| www.137814.com-中国福彩中奖号码| www.ju18.com-福彩3d彩票贴吧| www.623509.com-欢乐彩票首页| www.711166.com-赌彩让我翻了身| www.790899.com-福彩双色球缩水软件| www.877995.com-福彩3d往期回顾| www.968793.com-乐彩ⅴip下载| www.am39.cc-福彩3d旧版走势图| www.iq42.com-彩乐乐彩票幸运选号| www.cp8639.com-河南快三爱彩乐| www.024204.com-惠州彩票店转让信息| www.362204.com-每天都在买彩票| www.503903.com-249彩票-| www.591865.com-抑郁症买彩票中奖| www.773308.com-网上代玩彩票骗局| www.905127.com-苏州顺昇科技彩票| www.pu0.com-淘宝买彩票怎么买| www.048473.com-赢彩app下载| www.46096.com-下载时时彩计划| www.628379.com-彩神的会员9是拖| www.706265.com-体育彩票吉林快三| www.781324.com-微彩平台倒-| www.847504.com-古建筑彩绘价格| www.903478.com-赢彩计划走势图| www.961306.com-陆慧明竞彩-| 8816彩票www.8816t.com| www.gg38.com-江西彩票中心| www.213894.com-香港六合彩| www.299712.com-七天彩票网-| www.368882.com-家彩网福彩3d| www.092309.com-福建体彩90512| www.162676.com-三的试机号今天福彩| www.8986.in-凤凰彩票进入| www.626455.com-福彩彩票图片大全| www.4726.vip-香港快乐十分彩| www.568872.com-快三平台系统购买| www.603259.com-下载万众彩-| www.722649.com-168彩票网页版| www.872554.com-湖南福彩下载安装| www.965460.com-78彩票是什么| www.7843.pw-北京职业彩民| www.70263.com-亚洲彩票大发快3| www.112393.com-福彩三地和值单双| www.628365.cc-彩神请码-| 新浪爱彩www.27775.cc| www.281965.com-时时彩怎样做到止损| www.636089.com-彩虹糖小豆机| www.26ew.com-福彩八宝饭-| www.ao73.com-贵州有那些彩票站| www.d39.xyz-彩票中奖号查询| www.5688.wang-3a彩票手机客户端| www.050111.com-公益时报彩票报b版| www.257151.com-保定福利彩票中心| www.403558.com-xc6cc喜彩网| www.544218.com-星彩娱乐官方下载| www.654137.com-快三复式号-| www.759589.com-福利彩票站对账公式| www.979645.com-360彩票购彩票| www.159111.com-彩宝网彩票走势图解| www.239696.com-玩大小单双彩票| www.1427.vip-大赢家彩票合法吗| www.609449.com-分分彩有公式吗| www.179659.com-江苏快三是否合法| www.66578.cc-福利彩票44期3d| www.062902.com-天吉电子彩报3d版| www.147448.com-彩票开彩票开奖查询| www.lv42.com-彩票提成多少| www.47tq.com-我想开个彩票投注站| www.sp8.com-广西快三奖金规则| www.fh30.com-彩票游戏注册就送| www.252815.com-一分快三彩票网站| www.202613.com-大发快三官方下载| www.303829.com-河北快三遗漏走势图| www.602651.com-彩票能折叠么| www.743438.com-买彩票中奖概率多大| www.800374.com-河南省福彩中心电话| www.865566.com-熊猫竞彩app官网| www.925560.com-旭彩美缝剂价格| www.974679.com-够力七星彩官方下载| www.9319.win-分分彩买两种稳赚| 118彩票www.62118d.com| www.036617.com-快三中彩网大数据| www.113981.com-彩涂钢板厂家| www.179730.com-内蒙快三最大遗漏| www.fm41.com-下载福彩3d藏机图| www.365370.cc-v8彩票系统相似| www.877577.com-彩票发财脸-| www.958005.com-富彩官网-| 大赢家彩票平台www.810526.com| www.9816.me-从彩票中看出中奖| www.015918.com-鸿彩直播app| www.166657.com-快三助手安卓版| www.992827.com-昨晚7乐彩开奖号码| www.gu36.com-手机彩票app下载| www.657417.com-湖北体彩中奖查询| www.666138.cc-航天彩虹是国企吗| www.760911.com-体彩大乐透玩法说明| www.829994.com-新快三图表-| www.898413.com-福利彩票去哪里查| www.976242.com-2018镇平彩礼| www.tz1.cc-安徽快三今日预测| www.vd74.com-九千万彩票大发快3| www.63iy.com-篮球精彩网-| www.658020.com-河南体彩排五| www.202124.com-贵州福彩中心在哪里| www.02579.cc-两元彩票最多中多少| www.227127.com-彩吧3d试机号| www.870.cc-彩票玩法大全| www.05084.cc-互联网彩票解禁提案| www.qi38.com-今晚好彩1开奖结果| www.565.cm-上海体育彩票一定牛|