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天

知道了
彩01彩票 www.678245.com-高频彩提前开奖| www.50103.com-专家预测4场进球彩| www.129382.com-一分快三可以么| www.142622.com-飞翔国际彩票骗局| www.692834.com-福建体彩走势| www.875064.cc-彩九com-| www.975305.com-休闲快三套路| www.hc92.cc-彩运8可以赚钱| www.4xn.com-中国福利彩票aop| www.69ze.com-彩票自动核对地址| www.3061.vip-福彩开奖一百度| www.80of.com-云南体育彩票11| www.894667.com-彩票图怎么看| www.990510.com-1分快三彩票网| www.df50.com-福利彩票买五个生肖| www.c03.net-福彩三弟和值表| www.365690.cc-彩票图片填涂| www.907625.com-长春体育彩票网点| www.973087.com-彩虹六号ps4| www.cai5535.com甘肃快三连线走势图| www.91nf.com-十三国际彩票邀请码| www.5114.cc-福彩票无人彩票机| www.632963.com-成都七彩滑道在哪| www.qc22.com-577彩票网-| www.337679.com-中福福彩下载安装| www.731369.com-500彩网app-| www.850937.com-胜负彩19055期| www.62284.com-彩吧彩票破解软件| www.912561.com-中华彩票是否正规| www.016523.com-快三立体走势图河北| www.78238.com-菲律宾太子彩票| www.289212.com-彩神网论坛火爆四肖| www.875878.com-足彩14场竞猜| www.977139.com-永城市彩礼-| www.br87.com-彩61app-| www.q24.xyz-江苏快三今天的结果| www.77xx.com-香港牛蛙彩票导航| www.4840.com-山西中奖彩票| www.48146.cc-福彩端怎么玩| www.024134.com-分分彩挂机稳赚方案| www.10248.cc-乐米彩票官网3d推| www.84007.com-足彩概率计算公式| www.98309.com-中国体育竞彩比分| www.100067.cc-广东体彩11选| www.261857.com-香港版彩票论坛| www.085565.com-快三投注下载| www.155195.com-广西新快三开奖记录| www.238670.com-七天彩票网在线官网| www.238936.com-被网上彩票诈骗| www.331541.com-彩票走势图分析图解| www.870762.com-cp彩票平台可信么| www.948943.com-彩票内部数据诈骗| www.996194.com-澳客网竟彩-| www.ci62.com-安徽福彩官网看快3| www.135195.com-快三预测助赢| www.058069.com-福彩3d彩界的精英| www.338049.com-彩票中奖最高记录| www.24pz.com-手机彩膜制作工具| www.289528.com-快三是违法的吗| www.0592.com-怎么做私人彩票网站| www.032082.com-106彩票官网下载| www.184318.com-湖北省福彩快3| www.102115.com-大发时时彩app| www.691957.com-乐乐彩双色球走势图| www.82572.com-足彩19040分析| www.357950.com-体彩排列3奖金| www.555871.com-7乐彩机选一注| www.169330.com-江苏快三走势图今天| www.786135.com-至尊娱乐购彩平台| www.ur69.com-内蒙古快三二同| www.344553.com-天天彩票有棋牌吗| www.004733.com-慧讯网彩票| www.93759.com-信彩下载安装到手机| www.011314.com-500彩票注册| www.3747.org-春节七星彩停盘多久| www.sr04.com-台湾时时彩的骗局| www.sv82.com-彩票单双与九宫图| www.206750.com-038彩票平台| www.572913.com-完整版足彩比分直播| www.251010.com-亚彩平台登录| www.p64.site-彩票正规网站| www.493.in-中国福利彩票发展史| www.54509.com-大发时时彩杀一码| www.654938.com-网络正规彩票平台| www.675953.com-天天买彩票软件| www.811739.com-八仙过海里的艳彩| www.947905.com-超级彩票代打兼职| 500彩票网www.895020.com| www.32581.cc-濮阳县结婚彩礼| www.627566.com-彩1平台是黑平台呢| www.176451.com-新快三网-| www.254345.com-王牌彩票平台| www.324826.com-彩票图库-| www.019783.com-贵阳彩票店生意转让| www.094888.com-三地彩吧库-| www.962396.com-668彩票网-| 500万彩票www.911283.com| www.416702.com-网络彩票代理判几年| www.pw22.com-珠江彩票违法违规吗| www.70ek.com-红彩影视app| www.920328.com-支付宝可以买彩票吗| www.024465.com-斯特凡万能彩票公式| www.015849.com-大发快三大小预测版| www.086833.com-时时彩一星复式技巧| www.176138.com-福彩3d死规律| www.855892.com-定位胆是正规彩票吗| www.938567.com-共赢彩票下载| www.992041.com-体彩双色球玩法| www.nv59.com-北京福彩快三遗漏| www.04an.com-有彩金送的彩票网站| www.bz81.com-湖北快三太假了| www.360.hk-皇冠彩是什么鬼| www.6712.cc-极速快三技巧平台| www.692027.com-彩票合买大厅靠谱吗| www.679264.com-玩网络彩票的下场| www.782235.com-新浪快三走势图表| www.905760.com-澳客竞彩足球直播| www.zo58.com-时时彩五星一码必中| www.62gw.com-如何在手机买彩票| www.405234.com-潍坊彩民-| www.966530.com-宝马彩票网址多少| www.862888.cc-七乐彩我要投注| www.588624.com-彩票3d千禧试机号| www.231967.com-黑彩票破解器| www.331550.com-乐彩vip购彩| www.019374.com-彩票网826-| www.621895.com-体彩每月任务| www.681859.com-足彩推荐公众号| www.332716.com-艾彩登录-| www.772492.com-一张彩票多少钱| www.715529.com-福彩新3d群的骗局| www.333040.com-买彩票中大奖视频| www.638631.com-手机快三软件下载| www.802347.com-永旺彩票真假问题| www.868899.com-快彩乐乐-| www.917586.com-必赢彩票客户端| www.974717.com-海南彩民中大奖| www.pj93.cc-河南彩票网-| www.74hl.com-99彩票挂机软件| www.3388.live-哈尔滨江北好彩酒店| www.952953.com-新粤彩广东版| www.at9.cc-北京快三和尾走势图| www.580353.com-云南彩票弃奖一览| www.775925.com-福彩20选五-| www.883829.com-博瑞彩票团队| www.974897.com-福利彩票机充值| 聚彩网www.768639.com| www.8379.biz-湖北快三开走势图| www.170170.cc-极速快三开奖号码| www.510763.com-夸人好看的彩虹屁| www.832065.com-竞彩足比分直| www.951070.com-足彩竞彩500| www.cp833.com-內蒙古时时彩| www.s46.win-网上玩彩票心得体会| www.96eq.com-福赢门彩票-| www.bm70.com-竞彩篮球推荐| www.91530.cc-体彩23选5-| www.486288.com-极速彩票在线投注| www.hf51.com-快三作弊器有没有| www.379114.com-永彩彩票是真的吗| www.8212.net-福彩3d鬼640| www.99183.cc-竞彩直播新浪| www.077762.com-局王七星彩奖表| www.145539.com-足球310竞彩推荐|