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天

知道了
澳门足彩 www.31tp.com-贺文福彩-| www.4675.biz-中彩网三地开奖结果| www.17735.com-爱心彩广西快3| www.72729.cc-全能中彩世界杯| www.123421.cc-体彩今天开什么奖| www.214389.com-秒速快三开奖记录| www.300909.com-中彩网是骗人的吗| www.395673.com-用手机昨买3d彩票| www.591127.com-不给彩礼的男方父母| www.680587.com-体彩到底是真的假的| www.773632.com-滴滴彩票送28平台| www.892251.com-福彩3d下载-| www.969209.com-福彩3d复试中奖表| www.jw50.com-福彩开机号查询| www.q33.in-中国福利彩票五等奖| www.59us.com-体彩兼营店与专营店| www.1359.top-快乐彩被骗-| www.01266.com-下载送彩金棋牌娱乐| www.63284.com-足彩18088-| www.029578.com-万利彩票app下载| www.115661.com-彩色水磨石地面图片| www.197976.com-福彩快三输钱感言| www.282827.com-七星彩中了两个号| www.505937.com-彩票弃奖黑幕| www.587897.com-彩99下载官方| www.671077.com-3d专家杀号彩经网| www.763158.com-appcp彩票代理| www.889986.com-福建快三现场开奖| www.967498.com-网易彩票软件| www.sc6.cc-大发快三计划网页版| www.ug10.com-106官方彩票| www.14ux.com-体彩开奖18143| www.909.cm-大学生网上买彩票| www.6073.cc-竞彩冷门-| www.19544.com-彩票都没中奖| www.79193.com-七星彩网站网址大全| www.039719.com-彩票倍率漏洞| www.180101.com-快三计划手机版| www.260744.com-亚洲彩票违法吗| www.344354.com-时时彩胆码计算公式| www.440890.com-彩票开奖试机今天| www.541062.com-懂球帝买足彩在哪里| www.676064.com-今天彩票图纸| www.762577.com-1分时时彩购买| www.871498.com-手机看彩票的软件| www.958692.com-福彩机过户-| 500彩票www.647577.com| www.ll93.com-今日中彩有什么奥妙| www.v22.vip-金彩汇国际会所价格| www.60aq.com-彩票开奖结杲查询| www.1034.vip-好盈彩-| www.01600.cc-鳯凰竟彩-| www.60676.com-贵阳体彩11选5| www.026095.com-火箭彩票网打不开| www.108553.com-速盈彩官网app| www.181573.com-彩票网站快三| www.259677.com-京东彩票app| www.338657.com-彩尊软件下载| www.426631.cc-足彩凯利方差怎么看| www.533600.com-贵阳彩票600万| www.682821.com-中国体彩3d走势图| www.770457.com-3d彩吧图今天的| www.873458.com-上海彩票开奖结果| www.951151.com-官网彩票下载安卓版| 大福彩票www.df79.com| www.eb29.com-玩易彩有什么诀窍| www.xm17.cc-01福彩-| www.22fh.com-彩票大平台抢红包| www.0488.net-彩票360合不合法| www.7158.net-博彩公司取名字| www.24042.com-宝马彩票有技巧吗| www.69685.cc-时时彩开奖页面源码| www.055303.com-吉林快三报盘正规吗| www.140038.com-易彩快三技巧| www.220863.com-华东福彩6+1| www.296781.com-彩票类app排行| www.368991.com-福彩3d综合新版| www.465008.com-天佑竞彩是啥| www.556090.com-新三国精彩打斗视频| www.627592.com-新版彩票扫一扫官网| www.702998.com-湖南福彩官网首页| www.789325.com-足球彩票哪年开始的| www.870473.com-网上投彩平台靠谱吗| 中彩网www.61233x.com| www.gb27.com-福彩3b字谜专区| www.yp42.com-福建体彩公式出码| www.25ga.com-下彩彩票客户端| www.0331.org-釉中彩是否有毒| www.7014.vip-加拿大三分彩网站| www.22208.com-彩票出票返点| www.65974.cc-爱趣彩触屏版| www.046156.com-体彩移机了申请书| www.132462.com-大牌彩妆店-| www.211331.com-彩报天牛3d图库| www.284894.com-彩票自动追杀| www.511670.com-体彩今天出奖结果| www.586714.com-新mg送彩金-| www.658631.com-七星彩当前遗漏| www.769036.com-亚博体彩-| www.858621.com-竞彩五百-| www.921871.com-91彩神可以玩吗| www.980077.cc-体彩店装修风格| www.iz80.com-湖北福彩精彩10分| www.b71.com-时时彩的骗局| www.27rw.com-支付宝能购买彩票吗| www.916.club-买彩票神咒-| www.4920.win-买大小的彩票app| www.02062.com-老公买彩票欠下债务| www.67714.com-地下私彩玩法| www.026286.com-周易与彩票选号技巧| www.100410.com-七彩开奖情况| www.167274.com-江苏快三是不是骗局| www.274546.com-内蒙古快三走势图版| www.361575.com-东方彩票真的假的| www.448772.com-山西体彩中心电话| www.537529.com-无彩色的色有哪些| www.639242.com-北京中国福利彩票| www.726108.com-彩神v8app-| www.796435.com-彩票有稳赢方法吗| www.871150.com-众赢彩票是不是真的| www.963240.com-彩铅调色方法| 顶尖彩票www.168767.com| www.gf66.cc-快三属于福彩还是| www.xe45.com-3d走势图中彩网彩| www.13de.com-山东福彩免费下载| www.76rj.com-6288购彩平台| www.1233.org-旭辉研彩下载| www.03049.com-132彩票骗局| www.53786.cc-七星彩解码梦册| www.96217.cc-中国体育彩票正规吗| www.053357.com-快三越玩越亏| www.151851.com-505彩票平台| www.233200.cc-爱彩乐网站怎么了| www.303367.com-七彩汇下载链接| www.366391.com-国产牌子最好的彩铅| www.450371.com-怎么可以戒掉买彩票| www.537160.com-天天彩票开奖结果| www.658625.com-手机怎么买彩票安全| www.739524.com-快三早上几点开奖| www.808056.com-彩票500开奖查询| www.875960.com-福彩小图-| www.958311.com-关于网络彩票赌博| www.999625.com-香港绝密彩票网址| www.om1.com-手机app彩票停售| www.pk43.com-吉林快三360| www.8cs.com-刮彩票的技巧规律| www.59xl.com-香港十分彩玩法| www.805.com-新浪彩票双色球竟技| www.4257.cn-篮彩分析预测推荐| www.9049.loan-今晚七乐彩开奖吗| www.66220.com-双色球预测牛彩| www.020148.com-江苏快三个位玩法| www.085080.com-彩之源app下载| www.144089.com-竞彩赚金被关停| www.250525.com-爱彩彩票合法吗| www.316932.com-彩票九-| www.378865.com-体育彩票巅峰对决| www.569037.com-三d福彩黑圣手| www.632308.com-安徽快三历史开奖号| www.695228.com-体育彩票大奖得主| www.764898.com-彩票外围平台是什么| www.871875.com-彩票行家全年资料| www.933800.com-足彩18098-| www.981023.com-广东话七彩什么意思|