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天

知道了
亚洲28 www.31zq.com-博友彩手机版| www.985856.com-天际彩票安卓版| www.p47.net-福彩通app注册码| 福利彩票www.99677s.com| www.nc56.com-豪彩平台app| www.231082.com-彩票在线万能倍投器| www.69bp.cc-聚彩手机网址| www.949163.com-福彩3d和值图表| www.mx1.cc-网易人人中彩票| www.h36.top-澳门5分彩开奖图| www.72yf.com-贵宾室cp彩票| www.8576.wang-大乐透开机号家彩| www.112452.com-网络彩票代理赚返点| www.638396.com-竞彩店亏本-| www.412988.com-赛马排位表及派彩| www.104900.com-缅甸好彩蓝莓双爆| www.030750.com-博彩推广怎么聊天| www.144606.com-彩票网址大全下载| www.78679.cc-新加波天天彩资讯纲| www.14695.com-体育彩票放假| www.fi8.cc-时时彩1996-| www.895511.com-网投彩票能赚钱吗| www.5961.xyz-山东体彩论坛170| www.737766.com-彩票网360-| www.874263.com-福利彩票开机号| www.960458.com-98c彩票登录| www.am61.cc-七星彩走势图彩经网| www.cp0368.com-快三彩票开挂| www.33453.cc-福气彩票查询快3| www.003008.com-好彩客电脑版| www.118110.com-18彩票的网址| www.337109.com-彩票33平台-| www.464832.com-l75oo乐彩网吧| www.686768.com-彩票中奖彩民| www.22ia.com-九万彩票是否可靠| www.2783.vip-体彩排三式机号牛彩| www.394632.com-彩虹六号围攻女鬼| www.rv59.com-腾讯国际彩票竞猜| www.82ba.com-买彩票世界杯| www.188741.com-快三单式-| www.159111.com-彩宝网彩票走势图解| www.9383.com-体育彩票技巧推荐| www.259473.com-福利彩票幸运选号| www.621383.com-百度3d家彩网| www.807658.com-世界中奖最高的彩票| www.cp3229.com-安个新快三-| www.406.pw-腾讯的彩票竞猜关了| www.400338.com-最新信博彩票官网| www.523296.com-银彩娱乐-| www.0040.xyz-体彩七星开奖结果| www.356491.com-吃饭送彩票宣传语| www.457724.com-体彩篮球竞技| www.994387.com-上海快三专家推荐| www.gw54.com-百盈彩票网址| www.n22.online-大型时时彩购彩平台| www.50va.com-福彩专家双胆预测| www.0517.org-新浪爱彩3d走势图| www.695917.com-胜负彩复式投注表| www.804244.com-世界杯彩票哪里购买| www.894001.com-内蒙古快三派奖活动| www.960778.com-彩票网注册送礼金| 500彩票www.50052o.com| www.050197.com-地下黑彩量刑| www.6205.cm-彩票之家解正版成语| www.29715.cc-福彩湖北快乐十分钟| www.000746.com-彩票01软件好用吗| www.nw42.com-北京3分彩开奖规律| www.100848.com-彩运8靠什么挣钱| www.671.website明宇彩票-| www.306810.com-彩乐园ll-| www.476677.com-梦见彩票中二等| www.705661.com-网易彩票有人中奖吗| www.807339.com-网上买彩票正规吗| www.925404.com-拓彩真瓷美缝剂| www.fk50.com-买彩票下载-| www.8mp.com-快乐彩票klcp| www.ro15.com-彩之源app快三| www.086781.com-玮光溢彩-| www.72874.com-福彩大师独胆就一个| www.285803.com-网上做彩票-| www.369288.com-中彩娱乐网址是多少| www.493329.com-开网络私彩-| www.322316.com-高手彩票彩票玄机| www.420519.com-小白彩票-| www.692422.com-辽宁福彩网快乐12| www.791431.com-3d福彩图谜字迷| www.878222.com-福彩三地牛材网推荐| www.957203.com-七星彩20组头尾| 博友彩www.580667.com| www.545894.com-福彩去哪申请| www.8841.vip-9号彩票平台登录| www.866425.com-福建体彩手机投注| www.974053.com-福彩刮刮卡图片| www.0358.date-休闲快三醉人的花香| www.6666.love-上海体育彩票快三| www.601840.com-买彩票没给钱中奖了| www.548016.com-怎么获取彩票数据| www.375192.com-福彩3d路数预测| www.30io.com-昨天福利彩票| www.972467.com-优彩网下载安装| www.44417.cc-全民竞彩足彩彩票| www.003641.com-有抢红包的彩票平台| www.123077.cc-酷彩美国-| www.yb97.com-江苏快三派彩网| www.38if.com-彩票狂人王成周现状| www.358.cc-体彩排列3双彩论坛| www.ef93.com-希望彩票是不是骗局| www.t24.xyz-支付宝顶呱刮彩票| www.533750.com-福彩怎么算中奖金额| www.598051.com-9b彩票网-| www.660818.com-388彩票网-| www.722615.com-今日快三21期开奖| www.792633.com-体育彩票买几个数字| www.428898.com-苏州福彩中心兑奖处| www.95668.com-福彩业务技能心得| www.84yy.com-彩票开源系统排行榜| www.273831.com-一分快三必中技巧| www.739057.com-腾讯分分彩万能平刷| www.801051.com-购彩平台ios| www.860983.com-好彩1开奖号| www.919219.com-彩票app软件定制| www.967674.com-彩友计划网页版| 大赢家彩票网www.83033k.com| www.615883.com-tt彩票怎么破解| www.741166.com-体彩跟福彩哪个靠谱| www.830909.com-空飘彩烟多少钱| www.vx83.com-彩票网站暂停售彩| www.234151.cc-安徽福彩双色球| www.675662.com-福彩丹东解太湖| www.756512.com-如何看彩票票样密码| www.811968.com-杨震足彩新浪专栏| www.878018.com-南京福彩中心地址| www.930538.com-彩票双色球87| www.975154.com-网上快三的套路| 500彩票www.377501.com| www.943122.com-易盈彩票官方下载| www.986084.com-福利彩票提几个点| www.qp2.com-分分钟彩票-| www.nz76.com-足彩奖金-| www.327009.com-福彩3d销售返点| www.391735.com-黑彩快三押大小| www.570718.com-福彩什么时候可以买| www.524488.com-918彩票下载| www.625285.com-七星彩票出的号码| www.769650.com-福建好彩头-| www.831832.com-海南七星彩预测直码| www.908709.com-七星彩彩票分析预测| www.958303.com-怎么买3d彩票| 亿彩堂www.87668n.com| www.346100.com-彩票店如何提高销量| www.947507.com-福彩3d怎样注册| 七星乐www.535666e.com| www.986431.com-107cc彩票-| www.389582.com-众购彩票多手机版| www.828159.com-彩民彩票提现| www.469169.com-玩彩网下载安卓版| www.598320.com-排列5论坛家彩网| www.698889.com-初学者简单的彩铅画| www.810283.com-分分彩快三-| www.892645.com-瑞祥彩云-| www.970346.com-ag数据彩下载| www.pk13.com-职业彩票高手经验| www.2512.top-51彩虹空间登录| www.153899.com-体彩排列五玩法规则|