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.8496.loan-彩票中数字的奥妙| www.62jl.com-福彩坊是骗局吗| www.749809.com-500万彩票正规不| www.72109.com-富彩彩票是哪里的| www.ey09.com-快三怎么投注稳赚| www.342242.com-众彩网3d精品杀码| www.499112.com-网上带玩彩票| www.602170.com-美即彩宝官网| www.699801.com-彩神是不是骗人的| www.790119.com-快三内部号码一注| www.899641.com-81平台彩票-| www.988574.com-保定彩票站转让信息| www.df98.com-快三的玩法-| www.3685.cm-彩色复印机租哪家好| www.753563.com-大乐中奖彩票图片| www.192522.com-吉林快三开奖今天| www.759018.com-万彩吧万彩吧预测| www.870397.com-快三有号码-| www.71fv.com-欢乐彩票提现| www.699928.com-五分时时彩开奖现场| www.188255.cc-两个平台对打套彩金| 网易彩票www.060wy.com| www.4373.top-288彩票能提现吗| www.01508.com-中福彩票在线谁在玩| www.099029.com-五福彩票下载送15| www.881985.com-01彩票违法| www.975113.com-快三计划套路| www.tb9.com-快三甘肃-| www.723908.com-中彩网乐和彩彩票| www.18bs.com-京东体彩体验店开业| www.186100.com-彩票app下载快三| www.00701.com-中国彩吧论坛官网| www.495004.com-ios博彩游戏| www.971347.com-彩票随机生成原理| www.cp4066.com-快三追号计算器| www.812086.com-体彩排列五计算口诀| www.949259.com-福彩3d独胆王毒胆| www.cai8377.com彩票开奖双色球| www.yl30.com-购买彩票投注站点| www.392541.com-新彩网3d藏机图| www.506801.com-竞彩总进球数23球| www.573937.com-中信9积分兑换彩票| www.639182.com-体育彩票找店| www.154477.com-彩票怎么买才赚钱| www.434374.com-大象彩票提现安全| 500彩票www.66653g.com| www.19201.com-七星彩杀头尾号平台| www.255739.com-体育彩票几位数字| www.523393.com-15期喜彩开奖结果| www.52sl.com-太子彩票官网登录| www.0635.la-彩票系统告别死工资| www.6951.cc-时彩后一规律| www.224569.com-江苏快三中奖宝典| www.326098.com-彩乐园1下载安装| www.395103.com-五位数能买什么彩票| www.330788.com-500彩票能挣钱吗| www.31xp.com-温岭彩虹小镇| www.01239.com-送彩金的游戏| www.5230.vip-送28元红包时时彩| www.906345.com-北京彩票票面| www.084438.com-快乐彩软件-| www.682210.com-那个app能买足彩| www.772621.com-时时彩分成-| www.860207.com-时时中彩票安卓版| www.942314.com-体彩排列5走势图表| www.gv.com-彩票双色球选号助手| www.c26.com-中国福彩最新字迷| www.61ft.com-华彩尚映是个骗局吗| www.624898.com-天天体彩下载官网| www.719778.com-网上快三靠什么赚钱| www.985411.com-足彩反着买-| www.67727.com-ak彩票馆诈骗案例| www.025840.com-乐彩3d论坛手机版| www.097606.com-买彩票中奖了| www.224459.com-福彩7+2多少钱| www.628993.com-俄罗斯彩票中奖号码| www.710215.com-充值8送88彩金| www.791481.com-时时彩网页-| www.911620.com-全民彩票官方网站| www.13554.com-合肥福彩加盟电话| www.522079.com-时时彩下分版下载| www.51355.cc-广东体彩网大乐透| www.927138.com-红旗彩票5566| www.79kw.com-彩虹糖减肥糖果片| www.5882.vip-体彩排列三可乐预测| www.j50.club-彩票软件中了二等奖| www.vj67.com-双色球彩票规则介绍| www.35tu.cc-五分彩怎么买| www.9216.vip-航天彩虹业绩| www.44115.com-4567彩票合法吗| www.8jw.cc-七星彩破解规律| www.31tv.com-19号的福利彩票| www.172965.com-贵州福利彩票| www.481456.com-彩票中三位数多少钱| www.d40.cn-600万彩票-| www.248.hk-甘肃快三2019| www.673728.com-古建筑彩绘颜料| www.608068.com-注册送彩金白菜网| www.2480.me-e球彩有多少奖金| www.48522.com-足彩滚球在哪买| www.022104.com-福利彩票p62规则| www.199.live-三毛彩吧下载| www.683171.com-深圳彩票实名| www.765924.com-淅江福彩6十1| www.838525.com-q彩网是什么意思| www.906323.com-国内彩票种类| www.993320.com-足彩任选9规律| www.gc65.com-百盈江苏快三代理| www.380769.com-七乐彩什么时候| www.543198.com-快三技术-| www.ae14.com-下彩彩票官网| www.06nn.com-甘肃福彩中奖兑奖| www.94eg.com-易彩提现多少时间| www.t44.top-时时彩宝贝计划网页| www.44jl.com-足彩6场半全场胜负| www.0966.bid-买高频彩输了| www.731205.com-彩票代打导师微信| www.063533.com-彩票坐庄机器人| www.658199.com-金祥彩票登录| www.309667.com-体彩7位数-| www.688348.com-福彩3d教父交流群| www.803411.com-天涯彩票故事| www.906417.com-精彩网名-| www.985570.com-今日足彩竞猜分析| www.am75.com-152彩票网-| www.85038.cc-彩圣字迷今天| www.7607.vip-新浪爱彩是什么情况| www.019315.com-贵州体彩领奖流程| www.114723.com-彩乐乐任二遗漏| www.200083.cc-体彩开-| www.7877.top-快三庄家怎么赚钱| www.776110.com-浙江快乐12时时彩| www.263539.com-3d新彩吧手机板| www.598537.com-彩票新闻开奖公告| www.16195.com-竞彩资讯中心| www.586320.com-重庆时时彩分钟软件| www.211312.com-江苏体彩七位数开奖| www.008761.com-彩票开奖查询api| www.254439.com-牛蛙彩票资料| www.323759.com-七乐彩中奖地查询| www.405527.cc-洛阳体彩店分布图| www.492255.com-彩票试玩账号兼职| www.027973.com-公益彩票网官网| www.096059.com-体彩七星彩推荐号码| www.048147.com-爱彩乐北京十一选五| www.6858.cc-体彩飞鱼口诀汉字四| www.568007.com-辽宁省福彩中心电话| www.078056.com-优彩彩票网-| www.179950.com-福利彩票中奖规则| www.363845.com-福家彩官方网站| www.384558.com-省体彩中心主任级别| www.021454.com-亚博彩票app| www.265181.com-中国福彩3d图| www.475034.com-重庆时时彩出号套路| www.585276.com-彩神通3d家彩网| www.669572.com-新浪竞技足彩彩票网| www.137646.com-彩票套利反水怎么刷| www.58925.cc-彩票交易系统| www.089804.com-大发快三代理如何做| www.987057.com-彩票客户端排行榜| www.no3.cc-河南快三跨度表| www.nh69.com-竞彩官网首页| www.320815.com-好运来时时彩平台| www.220127.com-彩要开奖查询公告|