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天

知道了
106官网彩票平台 www.40gr.com-骗彩礼钱-| www.11923.cc-七七乐乐彩开奖号码| www.024231.com-福利彩票开奖的结果| www.167343.com-快三规则及中奖规则| www.335157.com-快三怎么看豹子| www.423728.com-台湾乐星彩-| www.049547.com-彩票查询票-| www.222381.com-全天幸运快三计划| www.359998.com-山东快三怎样开奖| www.566584.com-幸运5星彩走势图| www.549879.com-竞猜足彩停售| www.713311.com-体彩快报有七星彩| www.882528.com-彩色生活照图片| 500万彩票www.35155k.com| www.xu11.com-彩票一般买哪个好| www.012.cm-亿彩国际-| www.065888.cc-最安全福彩3d投注| www.199089.com-c彩票开奖查询结果| www.286849.com-中彩乐电子走势图| www.385097.com-彩票追号计划软件| www.552388.com-江苏快三害死人| www.626376.com-鑫彩美缝剂多少价位| www.700948.com-彩票开奖情况一| www.782335.com-如何看快三大小单双| www.863690.com-云南七星彩兑奖地点| www.661360.com-中国彩票大学| www.965901.com-中国全民快三| www.xh88.cc-七彩国际-| www.6786.top-3d和值走势中彩网| www.625528.com-怎样开网络彩票| www.722825.com-快三砍龙是什么意思| www.821620.com-民政部彩票作假| www.926500.com-怎么开福利彩票店| www.992973.com-中福快三开奖| www.db21.com-吉林快三软件| www.vw97.com-手机快三怎么玩| www.443133.com-_青蛙彩票-| www.716460.com-水溶性彩铅品牌排行| www.816490.com-大连双色球合彩中奖| www.894810.com-彩票助赢网页版| www.966990.com-福彩投注站app| www.cai62.cc-快三今天-| www.550869.com-高频彩是随机开奖吗| www.721120.com-七星彩彩票机选软件| www.951920.com-体育彩票中心| 博盈彩票www.183380.com| www.ku02.com-上海福彩网时时乐| www.026381.com-今晚私彩开什么| www.716825.com-出售送彩金彩票平台| www.801085.com-2018世界杯体彩| www.894343.com-彩经网旧版本走势图| www.960408.com-风之彩彩票app| 大赢家彩票网www.178675.com| www.fi78.com-765彩票-| www.525.cn-7星彩怎么中奖| www.su11.com-幸运快三首页| www.25nx.com-时时彩刷彩金| www.668.me-时时彩对赌刷反水| www.362938.com-高频彩平台排行| www.wo57.com-235彩票-| www.75iz.com-彩票体系玩法| www.787599.com-哪种彩票星期五开奖| www.871288.com-体彩软件排行| www.iz57.com-纵横彩票-| www.u33.top-深圳体彩店审批| www.623865.com-快三查询图表| www.ih07.com-安微快三预测| www.299792.com-内蒙快三规则| www.377562.com-彩礼太多分手| www.3139.space-福彩和尾振幅| www.57568.com-福彩双色球复式预测| www.980452.com-彩铃下载-| www.761054.com-彩礼钱是给女方父母| www.yu27.com-釉上彩有毒吗| www.9506.net-彩票什么时候实名制| www.ic91.com-怎样戒掉彩票| www.76fy.com-七乐彩中奖在哪领奖| www.934117.com-福彩快3网站关闭| 凤凰彩票www.77801u.com| www.988859.com-pk10彩票app| www.dz90.com-重庆市彩时开奖结果| www.zl03.com-体彩排列5开奖直播| www.976849.com-山东枣庄彩礼价格表| www.fe41.com-彩票免费计划| www.967336.com-彩票qq群号大全| www.cai3477.com3d走势乐彩网| www.nm70.com-足彩胜负平规则| www.8wh.com-鼎彩国际app| www.772442.com-篮球博彩app| www.693618.com-今晚海南七星彩开奖| www.809863.com-众发彩票主页| www.093608.com-高频彩票调整店关门| www.054931.com-0567好彩app| www.144235.com-728彩票线路| www.230925.com-甘肃快三爱采乐| www.246899.com-彩票中奖秘诀| www.345559.cc-彩友吧双色球| www.442444.com-58同城彩票会员| www.521851.com-喝彩中华的评委| www.585498.com-天津快乐十分爱彩乐| www.653727.com-玩时时彩最牛的是谁| www.719762.com-87彩票店-| www.787335.com-七星彩局王图纸长条| www.573126.com-51彩虹空间登录| www.673960.com-太和殿彩画-| www.766786.com-彩虹糖的颜色和口味| www.828232.com-吉彩宝官方下载苹果| www.893980.com-公牛彩票app| www.961440.com-腾讯快三是什么彩票| 全民汇彩票www.52303p.com| www.cai00.cc-快三怎么玩-| www.oc62.com-中国体育彩票6+1| www.799447.com-世界杯彩票怎么看| www.3267.biz-中国快三网合法么| www.cai1011.com快三最高赔那个网站| www.pu65.com-彩票123彩票| www.22uw.com-中彩网k彩快3| www.hr62.com-五百万彩票app| www.39409.com-全民彩票真假| www.pt48.com-彩神v11-| www.0979.vip-铜雀台彩票官网| www.7348.shop-彩虹六号透视挂| www.z90.com-彩客网胜平负310| www.888775.com-78彩票推荐人吗| www.956033.com-彩票字谜图谜总汇| www.998631.com-香港快三是官方的吗| www.lr61.com-大中华彩票靠谱吗| www.665386.com-七乐彩选号秘诀| www.777095.com-彩77苹果怎么下载| www.858944.com-彩票历史查询器工具| www.920987.com-福彩开奖结果查洵| www.978594.com-福彩3d常跟版图片| www.ba89.com-竞彩最稳的买法| www.603503.com-山西福彩领奖地址| www.683065.com-燕赵福利彩票排列七| www.8765.net-临沂彩票分析大师| www.297529.com-竞彩网购停售| www.611887.com-福彩3d方案详情| www.697363.com-辽宁体彩全运彩| www.779039.com-三d试机号彩吧| www.839586.com-快三怎么查-| www.890313.com-360足彩视频直播| www.948128.com-手机好彩网-| www.993090.com-七是彩基本走势图| www.an40.com-贵州省体彩领奖地址| www.ec26.com-大发快三破解神器| www.9sm.com-博彩注册送59| www.j94.com-贵州体彩网专家页| www.50wj.com-苏州福彩兑奖处| www.991469.com-精彩11选5软件| www.147010.com-彩票客户端排行榜| www.491406.com-009彩票网下载| www.215659.com-江苏省福利彩票快3| www.811687.com-排三三句话双彩论坛| www.889594.com-凤凰彩哪里下| www.528597.com-香港中特彩民之家| www.757500.com-福建省福利彩票工会| www.842271.com-手机彩票杀号软件| www.901589.com-最新福彩开奖结果| www.36nb.com-苏全文七星彩预测| www.75597.cc-送彩金彩票网站| www.620633.com-3d彩乐乐专家荐号| www.900401.com-买彩票怎选号| www.691946.com-彩乐乐手机版|