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.95585.cc-5oo万彩票-| 500彩票www.50052c.com| www.854482.com-福彩3d投注时间| www.948634.com-体彩公益金分配比例| www.cp3302.com-一分快三是真是假| www.365775.com-大众彩票手机版下载| www.md4.cc-快三有没有体彩| www.47by.com-大乐彩大厅-| www.300062.com-快三20分钟一期| www.405192.com-彩经网加关注| www.a09.cc-时时时彩五星走势| www.250393.com-中彩彩票推荐码| www.821474.com-体彩今日舟东全图| www.597729.com-七星彩论坛| www.5688.wang-3a彩票手机客户端| www.735135.com-网上买高频彩合法不| www.75wv.com-利赢国际彩票app| www.611268.com-彩38线路一-| www.779016.com-3d今天银海彩票图| www.945632.com-彩票社区-| www.mq.com-快三能不能赚钱| www.95mq.com-星际彩票平台多久了| www.47348.com-大众彩票网骗局| www.562794.com-正彩素颜霜有假货吗| www.670035.com-体彩环岛赛开奖查询| www.995827.com-雪溪源足彩-| www.jg71.com-爱彩乐开奖结果| www.34xw.com-七星彩坛论坛| www.230570.com-微信高频彩骗局| www.1475.org-雨后有彩虹图片大全| www.9352.xyz-新快报福彩票| www.319230.com-爱彩票软件下载| www.458521.com-贴吧网上买足彩| www.701150.com-网上彩票诈骗是什么| www.803603.com-彩圣网大全现场报码| www.895965.com-彩票下载注册送彩金| www.997341.com-仙彩彩票-| www.er68.com-湖北快三论坛| www.807173.com-竞彩之王的博客| www.033278.com-078彩票下载| www.360072.com-彩票黑幕-| www.e94.top-乐彩网是不是骗局| www.5776.in-ok乐彩票网-| www.079691.com-彩票计划应用下载| www.0rc.cc-七乐彩是地方彩票吗| www.025230.com-花生彩票是骗局吗| www.302066.com-开心彩票论坛交流区| www.002367.com-新浪彩票八宝饭预测| www.598322.com-快三和值倍投| www.133297.com-批发彩钢围挡| www.33053.com-民彩网主页-| www.815965.com-中彩网电脑版本| www.438906.com-福彩3d质合走势| www.260196.com-彩票一等奖兑奖地点| www.959523.com-彩票源码ios| www.cp2797.com-五分快三下载应用| www.qo09.com-快三查询表-| www.76171.com-彩易科思回收彩票| www.528847.com-体彩店面设计图| www.695362.com-竞彩足球投注量查看| www.791964.com-成功彩票大厅| www.875848.com-重庆时彩小窍门| www.959582.com-注册送彩金的彩票| 豪彩VIPwww.855790.com| www.162378.com-彩票137中彩网| www.500715.com-一寸彩照是那种| www.582391.com-e77乐彩线路| www.967744.com-怎么看是不是彩票托| www.ks87.com-体彩大乐透中奖概率| www.28ej.com-易迅彩票是腾讯的| www.qp6.com-极速快三稳赚技巧| www.0941.me-体彩三d开机号今天| www.63619.com-足彩反买技巧| www.263525.com-中国福利彩票基诺| www.286049.com-信誉第一的体育彩票| www.j94.com-贵州体彩网专家页| www.237683.com-14胜负彩对阵表| www.756267.com-幸运分分彩计划| www.19996.cc-吉林快三停售了吗| www.161158.com-辽宁彩票站-| www.120156.com-彩票app启动图| www.262644.com-到底有没有天津快三| www.496894.com-福彩3d胆码王软件| www.504701.com-彩排的意思和造句| www.584862.com-福彩三地八卦速查表| www.567954.com-彩票广告贴怎么弄掉| www.678123.com-牛彩图谜汇总| www.691521.com-四川体彩网上怎么买| www.9073.biz-简单彩铅画风景建筑| www.51372.cc-快三购彩app下载| www.274786.com-淘宝如何买彩票| www.365438.com-500彩票我的账户| www.478061.com-深圳福彩双色球开奖| www.560659.com-澳洲三分彩开奖查询| www.653098.com-贵州快三预测结果| www.729926.com-用软件买彩票靠谱吗| www.806632.com-好彩双爆珠蓝莓柠檬| www.886599.com-福利彩票真假问题| www.952714.com-乐和彩518-| www.999929.com-大快三三同号技巧| www.fl84.com-足彩500比分| www.220087.com-快三定胆杀码技巧| www.316352.com-新浪爱彩合法吗| www.400168.com-体彩哪里可以买外围| www.46ks.com-彩亿彩票官网| www.242218.com-破解彩票数字规律| www.su06.com-时时彩思路-| www.635035.com-老彩民彩票网| www.243055.com-福利彩票3d怎么买| www.538515.com-中国彩吧图厍第一版| www.85ou.com-中国福彩刮刮乐兑奖| www.499542.com-88250彩票-| www.572549.com-亚博体育彩票正规吗| www.654661.com-福彩7加5多少钱| www.758735.com-qq彩票登录不上吗| www.862371.com-泰安体彩站点分布图| www.948270.com-福彩多彩网-| www.505236.com-北京福彩网彩票| www.590867.com-二鱼玩彩胆码今天| www.680184.cc-01彩票软件合法吗| www.026240.com-广西体彩11选5看| www.237146.com-6加1彩票-| www.d32.net-500快三-| www.614711.com-奇妙快彩分析软件| www.019470.cc-体彩金孔雀中奖图片| www.449179.com-彩票销售点提成| www.887315.com-芒果彩票是不是骗局| www.48ao.com-快三开奖结果彩乐乐| www.070322.com-查找彩友多彩票店| www.579684.com-甘肃福彩快三玩法| www.82837.cc-汕头福彩领奖在哪里| www.888.blue-彩99ios下载| www.533960.com-体育彩票的玩法说明| www.922058.com-地区快三计划| 500万彩票www.39500x.com| www.565.in-腾讯分分彩龙虎规则| www.192366.com-甘肃快3彩经网| www.960204.com-微信上高德彩票| www.253080.com-篮彩app-| www.791206.com-彩票数字分析仪| www.544876.com-粤淘彩票合法吗| www.169873.com-长春快三走势图线| www.65pz.com-卖体育彩票怎么提成| www.3709.com-e77乐彩会员线路| www.004949.com-今日福彩体彩开奖号| www.636488.com-基督教儿歌彩虹| www.033762.com-如意彩票怎么登陆| www.648859.com-头彩彩票首页| www.723457.com-如何骗你买福彩| www.926620.com-五福彩票下载地址| www.js79.cc-五分彩反计划怎么买| www.zm40.com-数字彩票开奖结果| www.751859.com-1号彩-| www.960255.com-新陶彩-| www.ou58.com-中国体育彩排列3| www.5764.xyz-彩天科技-| www.583286.com-阿衰彩色漫画| www.542563.com-快三中奖软件| www.785951.com-三彩女装官方网站| www.968483.com-中国彩票作弊事件| www.i25.top-掌上福彩宝典| www.862065.com-山东体彩开奖公告| www.506244.com-今天的银海布衣彩图| www.566635.com-恒发彩票注册网址|