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.128696.com-彩票和值是什么| www.1395.vip-简单水彩画教程花| www.520325.com-内蒙古体彩软件下载| www.601205.com-最好的买彩网| www.76rs.com-彩票天空与你同行| www.745854.com-808福彩下载| www.897367.com-彩票基本术语一文库| www.dt6.com-十分快三计划| www.977930.com-彩钢瓦围墙效果图| www.h34.com-中国体彩大透走势图| www.694.me-鸿运来彩票登陆官网| www.117719.com-快三第一用户登录| www.f75.club-福彩三地综合走势图| www.21020.com-时时彩当时开奖结果| www.353240.com-蕾彩旗舰店-| www.22865.cc-安徽快三走势图江苏| www.31833.com-重庆彩-| www.36178.cc-福彩3d好中奖吗| www.07701.com-中彩那天的那篇课文| www.87713.cc-大资本彩票注册| www.101442.com-老郑最新足彩分析| www.61138.com-开彩票投注站经历| www.423018.com-福彩开店详细流程| www.555415.cc-体育彩票十二生肖| www.3071.org-即开型体育彩票技巧| www.9181.cm-直播彩票游戏平台| www.541253.com-自己弄彩票网站| www.625979.com-彩票顺龙技巧| www.728378.com-体彩网官网-| www.4999.cm-福彩试机号后预测| www.26063.com-彩虹的美好寓意| www.82328.cc-c彩61邀请码| www.073071.com-福彩体彩彩票开奖查| www.158317.com-官方版好彩彩票| www.38825.com-红彩会手机怎么登录| www.3664.wang-今天出的彩票号| www.856162.com-幸运快三代玩群| www.258767.com-彩票365老版本| www.039080.com-福彩快三如何投注| www.92vd.com-大众彩票网开奖直播| www.529008.com-体彩新浪直播| www.902896.com-彩店宝彩票客服电话| 乐盈彩票www.gy11.com| www.1274.vip-查询七乐彩开奖信息| www.97898.cc-中国彩票真吗| www.182.cm-运用统计学推算彩票| www.959505.com-彩民村app-| www.879009.com-澳洲快三开奖结果| www.964160.com-福彩3d差值死规律| www.cp2234.com-uu快三投注规律| www.070303.com-现在网上怎么买彩票| www.2436.cn-福彩di试机号| www.009212.com-彩票主任领奖被拆穿| www.244555.cc-体彩和值走势图| www.736749.com-2018玩彩平台| www.gf68.com-体彩七星彩玩法| www.b30.org-500·彩票-| www.33ol.com-七星彩共有几个号码| www.1337.org-体彩福彩开机号| www.951550.com-腾讯qq7彩票官网| www.091031.com-七星规律彩票| www.7510.vip-彩票店老板中大奖| www.0225.cn-正版大花虎彩报| www.55070.com-澳洲时时彩是什么| www.194038.com-彩票长龙软件| www.654479.com-万博彩票下载| www.857168.com-菲律宾博彩牌照查询| www.007504.com-幸运彩怎样下载| www.076999.com-国外彩票名称| www.210737.com-吉林长春快三开奖| www.355104.com-如何看体彩是否中奖| www.485929.com-飞鱼彩票网上投注| www.861154.com-七星彩哪个台直播| www.942985.com-众彩网生活app| www.31ul.com-体育彩票星期几能买| www.wh9.com-河南快三3遗漏| www.966736.com-宝马五分彩-| www.jo57.com-什么是刷彩-| www.cm82.com-福建福州快三| www.551445.com-快三长龙预知软件| www.679996.com-2mcc彩票下截| www.833292.com-彩71彩票怎么玩法| www.oj51.com-福利彩票投注app| www.234815.com-中国竞彩网竞彩足球| www.781255.com-3d彩巴图裤-| www.179683.com-彩客网-| www.022104.com-福利彩票p62规则| www.92np.com-澳洲五分彩赚钱方法| www.875669.com-重庆时时采彩| www.988520.com-游戏机彩票纸干嘛用| www.2eq.com-体育彩票好干不| www.83re.com-体彩即时比分| www.853990.com-嘉兴体育彩票网官网| www.008451.com-胜负彩19042| www.133837.com-好彩客官方下载| www.254032.com-彩票刷反水方法| www.375017.com-搜索七星彩-| www.515348.com-免费彩票系统| www.435463.com-都匀开彩票-| www.704200.com-8亿彩票网址| www.801175.com-彩猫是一个什么软件| www.899352.com-博发网彩票-| www.964523.com-福8彩-| 爱购彩www.23636vip.com| www.ka50.com-福彩快3计划网| www.w13.club-诺亚网彩平台| www.86wu.com-那个网站可以买足彩| www.512374.com-水溶彩铅画图片风景| www.581776.com-每天签到的彩票平台| www.646198.com-彩民的心声-| www.759068.com-微彩托的套路| www.862654.com-大乐透江苏体彩网| www.911607.com-快三大小单双走势| www.82ef.com-胜负彩中几个有奖金| www.306714.com-k8彩票网-| www.555.club-分分彩全天计划软件| www.569930.com-七彩虹主板u盘启动| www.564111.com-彩票计算机器人| www.e65.com-今晚七乐彩开奖视频| www.16kd.com-足彩开奖结果走势图| www.11654.com-泰国彩票的标识| www.573768.com-乐盈彩票怎么注册| www.011318.com-福利彩票开奖多少钱| www.530379.com-彩36app-| www.699015.com-时时彩规律-| www.823108.com-福彩3d研究方法| www.621761.com-彩神vii下载注册| www.939060.com-信阳千万彩票无人领| www.cai0789.com北京快三遗漏| www.10ow.com-大学生贷款买彩票| www.502097.com-济南彩票站杀人进展| www.569234.com-手机网易彩票安全吗| www.656827.com-福彩3d走势图中彩| www.736635.com-水溶彩铅画人物| www.792009.com-一分钟大发快三计划| www.852659.com-足彩通阿飞-| www.910620.com-快三走势图贵阳| www.962798.com-精英彩票论坛| 博亿彩票www.696by.com| www.368608.com-爱购彩票真实平台| www.2427.org-好彩双爆怎么样| www.02320.com-处理问题彩民| www.93bs.com-高频彩票网站| www.l68.org-彩票高频走势图软件| www.73ui.com-快三未出号-| www.bm49.cc-137彩票下载| www.58368.com-多乐彩票是真的假的| www.092699.com-商丘彩礼-| www.900206.com-乐彩购彩票app| www.977483.com-彩妆免费代理微商| www.at42.com-湖北体彩兑奖中心| www.247890.com-福彩交流群是干啥的| www.200029.com-彩票开奖助手| www.w68.net-排三开机南方双彩网| www.41tl.com-鸿发彩票帮投| www.61739.cc-七星彩走势图一综合| www.588974.com-七星彩规律图南国| www.851055.com-时时彩暴富-| www.34196.com-彩客比分完整版| www.431178.com-福彩千禧网-| www.532070.com-临沂孙大夫彩票绝技| www.510895.com-雪山彩虹谷游记| www.36ds.com-乐利2分彩技巧| www.257300.com-中彩福彩票软件|