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.472449.com-彩票情缘全文阅读| www.28671.cc-真有中彩票的人吗| www.055775.com-快三河北开奖爱彩乐| www.31248.com-易彩票在哪里下载呢| www.029554.com-彩宝彩票安卓从哪下| www.222844.com-各种釉彩大瓶简介| www.1785.net-彩票行家com图库| www.497342.com-如何成为彩票分析师| www.5586.cm-体彩广东-| www.026626.com-黑彩前十名排行榜| www.132127.com-河南农村彩礼现状| www.jy08.com-彩票网址注册| www.178191.com-手机网上买彩票| www.307688.com-彩票派彩是什么意思| www.390862.com-怎么注册福彩账号| www.225783.com-5亿彩票网靠谱么| www.856129.com-投注广西快三| www.23jr.com-彩票是人为控制的| www.7645.com-体彩柜子-| www.572956.com-网络彩票是违法的吗| www.084973.com-博乐快彩app| www.806729.com-彩票站兑奖额度| www.895130.com-爱投彩票赚钱吗| www.985940.com-乐彩走势图表| www.dq21.com-哪些省份有福彩快三| www.1fh.cc-新2彩票论坛搜索| www.77rg.com-网恋博彩诈骗怎么办| www.51556.cc-彩乐糖果有限公司| www.173899.com-彩神争霸app| www.269308.com-买珠江彩票真的赚吗| www.72889.cc-体彩和值遗漏统计表| www.578971.com-体彩扑克3-| www.46sz.com-955彩票平台| www.4512.cm-足彩查询中奖查询| www.926533.com-网上购彩靠谱吗| www.3826.org-七星彩四码万字表| www.vl51.com-彩票开奖i-| www.223082.com-福彩十分钟一期的是| www.143033.com-彩虹8彩票挣钱| www.42559.com-北京时时彩数据分析| www.086038.com-聚时彩计划聊天室| www.122802.com-竞彩足球推荐网易网| www.093891.com-高频彩网络拉人头| www.4672.cm-彩票可以多期投注吗| www.11573.cc-金羊网晚晚好彩| www.58313.cc-被骗买彩票-| www.933559.com-彩票中奖最多的省份| 幸运彩票网www.33598r.com| www.530314.com-普通彩铅怎么画星空| www.233003.com-北京体彩兑奖大厅| www.347889.com-七乐彩票结果| www.391892.com-星耀彩票平台合法吗| www.76qw.com-七乐彩网易彩票| www.113406.com-各色釉彩大瓶观后感| www.84qw.com-中彩在线贺文简历| www.84sf.com-彩民数据库-| www.417444.com-超级快三下载| www.147460.com-快三中奖号码走势图| www.ip05.com-足彩直播-| www.093912.com-35彩票害人输千万| www.cm11.cc-彩报3d-| www.6868.top-彩运宝客服电话多少| www.244055.com-甘肃快三兑奖规则| www.355142.com-彩票如何看是否中奖| www.5127.biz-网上兑彩票-| www.53853.cc-体育彩票举报电话| www.428873.com-苏州体彩7位数开奖| www.cp427.com-江西快三平台| www.f82.club-福利彩票三d藏机图| www.406385.com-成都结婚彩礼多少| www.538840.com-时时彩判断下期组六| www.627891.com-多赢彩票可靠吗| www.704813.com-私彩网站和体彩| www.788646.com-篮球外围竞彩| www.863528.com-高频彩票将被取消| www.930669.com-梦见彩票中大奖| www.994493.com-好彩网是不是诈骗| www.dy08.com-共赢彩票app下载| www.yo96.com-中信彩票app下载| www.699996.cc-好彩客是不是骗人的| www.qk71.com-彩票购彩大厅app| www.0635.tv-彩派网-| www.123501.com-福利彩票对对| www.200548.com-昨天中奖彩票号码| www.280540.com-重庆时时彩还存在么| www.360061.com-福彩投注下载官网| www.454524.com-乐彩彩票骗人| www.280378.com-彩票娱乐十大平台| www.359151.com-福彩出奖结果查询| www.469459.com-私彩和黑彩-| www.918769.com-博友彩1分快三开挂| www.731508.com-中国竞彩网电脑版| www.871671.com-体育彩票多少钱一张| www.125423.com-乐彩字谜图迷论坛| www.240551.com-彩票选号摇奖神器| www.5451.cc-彩35平台稳定吗| www.21931.cc-刷彩是干嘛的| www.68481.com-上海11选5一k彩| www.019683.com-天天彩票平台合法吗| www.309048.com-彩票专家推荐| www.219438.com-福彩六加一生肖开奖| www.900776.com-福彩3d银海布衣图| www.973745.com-福彩线上代理| 乐博彩票www.849642.com| www.647331.com-好运福彩apk| www.725891.com-福利彩票奖励金额| www.612795.com-谜语图福利彩票| www.667122.com-中国铁杆彩民大鱼号| www.722762.com-yy彩票官网注册| www.84777.com-聚彩彩票是骗人的吗| www.58215.cc-宁波体彩一等奖兑奖| www.066313.com-澳门博彩税-| www.158294.com-足彩推荐杨震任九| www.127869.com-彩虹龙卷风-| www.846400.com-信彩彩票投注| www.251098.com-彩经彩票app| www.365869.cc-夏目的彩铅画| www.365667.cc-秋天风景彩色铅笔画| www.9732.me-88zzcc天下彩| www.572208.com-易语言彩票公式源码| www.4524.cm-体彩大乐透36期| www.1838.bid-中福网彩票导师带单| www.157722.com-爱米彩票网站正常吗| www.396355.com-彩虹宝宝在线观看| www.626969.com-038彩票投注| www.051794.com-深圳福彩app注册| www.514920.com-进口彩妆连锁加盟| www.232151.cc-彩票12app-| www.7821.com-双色球老彩民经验| www.65708.com-彩票机选号软件| www.904084.com-福彩机选号码| www.93zt.com-今六给彩开奖结果l| www.3ad.cc-公务员能否买彩票| www.2931.pw-甘肃体彩十-| www.873371.com-贵州体彩十-| www.400477.com-沈阳体彩中奖在哪取| www.666698.com-彩票分析师证哪有| www.034953.com-彩68完整源码| www.kx86.com-福彩和体彩怎么玩| www.867477.com-特区彩票排列五论坛| www.952649.com-网上买福彩-| 中华彩票www.869576.com| www.gs15.com-湖北快三二同号遗| www.wx44.com-鸿胜彩票-| www.05wv.com-五彩斑斓的黑下一句| www.63oe.com-彩票开奖查询和值| www.866829.com-福利彩票什时候开奖| www.7124.com-七彩影城凯德店影讯| www.44884.com-竞彩宝官网-| www.271743.com-神州彩票app网址| www.599881.com-我买彩票从来没中过| www.72049.com-安装彩猫彩票| www.35oj.com-腾讯分分彩长龙历史| www.569196.com-彩票梯子计划软件| www.673078.com-手机彩票作弊器| www.761327.com-中彩票的税-| www.855881.com-七乐彩开奖计算器| www.950726.com-李彩谭-| www.cai02.cc-初学快三-| 梦想彩票www.33112g.com| www.xh42.com-彩虹网络电视手机版| www.2lx.cc-体彩不能买双色球么| www.rg00.com-3d彩票软件-| www.292019.com-老谢说彩微信公众号|