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天

知道了
9彩注册 www.656456.com-k彩彩民福地| www.883174.com-c彩36-| www.gn28.com-河南彩礼标准引热议| www.36pq.com-猜单双的彩票软件| www.3288.bid-2345彩票网提现| www.741617.com-577彩票注册| www.891821.com-时彩是什么-| www.979958.com-彩票吃票行为| www.ju87.com-中奖彩票都是几点| www.60yy.com-福彩3b太湖叟字迷| www.5890.vip-体彩中心在哪里| www.cai4666.com快三开奖一定| www.312623.com-快购彩票3期| www.418062.com-体育彩票七星彩直播| www.535822.com-两元一注的彩票奖金| www.626232.com-中山体彩网上服务站| www.840048.com-pc蛋蛋彩讯-| www.932522.com-众信彩票靠谱吗| www.871946.com-彩票宿水专家| 福彩网www.60007o.com| www.xe09.com-3d彩票杀号定胆| www.45bf.com-什么购彩平台好不好| www.um23.com-福彩体彩开试机号| www.275.cc-澳大利亚彩票种类| www.8630.in-博都国国际彩票| www.67667.com-党员中彩票怎么办| www.112260.com-鸿运5分彩开奖号码| www.256403.com-安徽快三走势图爱| www.439994.com-彩票门市转让| www.132878.com-豪彩vip软件| www.249342.com-彩购彩-| www.1642.cn-澳洲3分彩开奖时间| www.080180.com-彩民中奖故事新闻| www.8029.biz-电子游戏免费送彩金| www.853894.com-万彩动画大师手机版| www.053320.com-足彩任九技巧| www.692495.com-福彩推荐号码| www.58516.cc-创彩网赚钱真假| www.009909.com-彩友会下载-| www.898252.com-更新七星彩票| www.975926.com-彩礼三万八吉利吗| www.cp844.com-一分快三正规app| www.493754.com-体彩排列三专家荐胆| www.561120.com-千亿彩票最新版安装| www.075357.com-4168彩票app| www.45027.com-彩38网站官方网站| www.984310.com-福建快三号码统计表| www.671408.com-赢彩票下载-| www.612261.com-福彩3d龙门绝技| www.ag70.cc-彩票走势图双色球| www.03ha.com-彩天堂-| www.193563.com-幸运彩票快三三分彩| www.883535.com-彩票验票码在哪查询| www.022351.com-恒彩手机登录| www.23mp.com-四川省体育福利彩票| www.312220.com-春秋彩票手机版| www.412027.com-x换屏幕原彩设置| www.535315.com-彩票几位数中奖号码| www.613908.com-福彩利彩票走势图| www.685906.com-福利彩世界网址下载| www.765411.com-七星彩七金码解诗网| www.377070.com-因为结婚彩礼的说说| www.804724.com-网络购彩网站| www.365342.cc-卖彩票的利润| www.909455.com-彩票快三中了多少钱| www.mf5.com-内蒙古快三开奖详情| www.536259.com-湖北快三和尾振幅| www.020644.com-贵阳福彩网上申请| www.158489.com-pc彩博-| www.095253.com-重庆时时彩心得| www.tm32.com-玩彩的胆神独胆| www.293981.com-中国福彩42期| www.374918.com-中国彩富足彩网| www.477997.com-重庆时彩网址| www.561058.com-彩票双色球500期| www.621380.com-辽宁11爱乐彩| www.978506.com-福福彩开奖结果| www.736631.com-多彩贵州网铜仁频道| www.947674.com-彩票作假国家不管吗| www.mh71.com-乐彩app官方下载| www.24ur.com-华彩咨询集团怎么样| www.479709.com-极速赛车彩票看透器| www.619984.com-竞彩盘口分析技巧| www.ri80.com-派彩网吉林快三| www.ky55.cc-福彩3d开到几期| www.979932.com-巨龙彩票app| www.397610.com-云南快三一定牛| www.63518.com-足彩竞彩赛事| www.966919.com-彩票网络购买交税| www.234091.com-彩票坊软件-| www.99786.com-香港有没有彩票店| www.114866.com-福彩3d胆码图采摘| www.69453.com-凤凤彩票-| www.011005.com-昨日体彩开奖结果| www.77334.cc-手机购彩合法么| www.700272.com-彩神v骗局揭秘| www.708578.com-运盛彩票最新导航| www.xc43.com-七星彩冷热号分析| www.588575.com-注册彩票站多少钱| www.913034.com-彩客站提现-| www.aw79.com-福彩5d怎么选| www.77617.cc-体彩排列五开奖历史| www.21251.com-今天体彩大乐透领奖| www.7626.xyz-香港彩霸-| www.128303.com-中国3d彩票玩法| www.208029.com-派彩网手机版| www.653831.com-5分钟快三计算公试| www.851570.com-重庆老实时彩走势图| www.966827.com-宝马彩票老宝马登录| www.lo08.com-网易彩票中奖不认账| www.9475.vip-怎么制作彩票统计图| www.907.biz-福彩3d开奖号顺序| www.al51.com-彩71彩票可信吗| www.65ws.cc-福利彩票pk10| www.271611.com-好彩一今天开奖结果| www.8759.top-顺盈彩票是非法的吗| www.j96.cc-深圳思乐数据彩票机| www.76il.com-新加坡金都快三查询| www.603159.com-彩虹六号玩家什么梗| www.wk17.com-qq彩票竞猜在哪里| www.33hk.cc-福彩3d哪个字谜准| www.617672.com-廊坊体彩中心| www.721384.com-彩票投注机键盘| www.086813.com-溢彩-| www.996185.com-北单胜负彩开奖结果| www.228845.com-好彩1开奖结果查询| www.682109.com-微信买彩票中奖| www.011117.com-彩票投诉电话哪里找| www.dx30.com-彩票幸运农场秘诀| www.20uy.com-彩票中奖金额最大| www.0066.pw-彩票中奖心情| www.4951.org-福彩双色球停售时间| www.9988.tv-纹绣彩妆店名字大全| www.36628.com-博彩平台制作公司| www.343959.com-网易彩票电脑版网页| www.47534.com-延吉市体育彩票站点| www.254574.com-彩票平台彩金高| www.345697.com-新的彩票下载| www.412233.com-彩票空间-| www.501150.com-希腊彩开奖-| www.554472.com-竞彩宣传语顺口溜| www.603798.com-彩奕颂莲颂服饰| www.658338.cc-微信怎么玩彩票赚钱| www.712935.com-移动短信怎么买彩票| www.394817.com-中国竞彩网赛果| www.504494.com-彩票买马-| www.568749.com-买彩票人物搞笑图片| www.626902.com-福利彩票好运快三| www.681345.com-豪彩娱乐登录网址| www.744747.com-中国最大合法的彩票| www.77hm.com-被r8彩票平台诈骗| www.1918.top-七星彩解码梦册网| www.6973.cc-彩票什么容易中奖| www.12860.cc-彩票兑奖要几天| www.20sh.com-时时彩表格怎么看| www.85ll.com-足彩对冲套利| www.1031.biz-速彩网app-| www.4526.me-体彩19020-| www.460690.com-01彩票网络平台| www.99ql.com-彩票历史记录| www.60455.com-快三选号口诀| www.43854.com-旺彩网app-| www.94993.com-360足球彩票开奖| www.072120.com-七星彩彩宝贝|