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天

知道了
百盈PK10 www.905812.com-滴滴彩票下载| www.839.in-玩彩票输光积蓄| www.cp419.com-分分快三大小怎么玩| www.sf80.com-国家有分分时时彩吗| www.126420.com-创彩网兼职是真的吗| www.43062.com-百发彩票合法吗| www.010267.com-新快三心得-| www.201977.cc-贵州福彩投注站| www.717.cx-彩票兼职被骗了咋办| www.44lz.com-今日竞彩足球推分析| www.229660.com-黑客爆中国彩票造假| www.707008.com-被骗去买彩票| www.854833.com-快三一倍能中多少钱| C9999www.318548.com| www.455002.com-青岛市福彩养老| www.575785.com-世界杯体育彩票停售| www.657472.com-福利彩票推荐差| www.732880.com-江苏体彩几点开奖| PK彩票www.9437.cc| www.ou61.com-快3中国福利彩票| www.19pm.com-足彩19035-| www.40db.com-淘宝店铺买彩票| www.166369.com-内蒙古快三开奖结果| www.356668.cc-宁波体彩中心| www.462960.com-全民彩苹果版| www.549723.com-哪可以买足彩| www.613465.com-体彩11选五67| www.457968.com-网上买彩票兑奖| www.50151.com-福彩app哪个好| www.137006.cc-七彩是啥意思| www.933629.com-福彩快三的杀号公式| www.48ul.com-三国无参全彩| www.2805.cn-星宇购彩可信吗| www.9728.cm-三d风云彩票a版| www.213255.com-彩票系统app开发| www.262986.com-青海省快三走势图| www.579372.com-锋彩直播源下载| www.226093.com-浙江快乐彩开奖直播| www.688569.cc-彩票电话投注怎么买| www.6lc.com-365足球竞彩官网| 全民福彩www.qmfc1.com| 大赢家彩票平台www.976527.com| www.sn09.com-下载时时彩开奖| www.440676.com-彩宝吉林快三| www.34857.com-玩彩送彩金的网站| www.013633.com-七星彩中间数走势图| www.022970.com-玩彩能赢钱的人心理| www.ig46.com-互联网彩票2019| www.81er.com-500彩票如何推单| www.816.biz-体彩店装修-| www.694916.com-排三预测总汇众彩网| www.4bo.com-福彩3d直播视频| www.4158.biz-七彩旅游公有链骗局| www.770801.com-发彩网外挂-| www.96846.com-足球竞猜新浪爱彩| www.18228.cc-体育彩票刮刮乐下载| www.06681.com-3d彩票推荐-| www.284733.com-众赢彩票官方| www.358537.com-22彩票官方-| www.820698.com-中国福彩5-| www.1322.vip-黄金8彩票网真实吗| www.56pj.cc-中国福利彩票正版| 幸运彩票www.444071.com| www.99635.cc-时时彩漏洞刷钱| www.139990.com-福彩外围赌博微信群| www.h05.cc-瑞彩祥云app苹果| www.99lk.com-双色球乐彩论坛胆码| www.8556.in-牛彩是骗人的吗| www.099390.com-盈彩彩票快3| www.191068.com-快三中奖奖金怎么算| www.282586.com-腾讯时时彩刷大底| www.361808.com-官方新彩吧-| www.446433.com-彩票网能提现不| www.cp613.com-快三彩票软件大全| www.355103.com-买彩票中奖怎样取钱| www.264884.com-甘肃快三开奖记录| www.11qp.com-天彩-| www.90pi.com-福彩3d小军黑苍蝇| www.830367.com-诚博彩票app| www.949510.com-时时彩后三杀号| www.tr.com-内蒙古快三豹子遗漏| www.5642.cc-抖音都是彩票托| www.060051.com-如何报复黑彩平台| www.07aj.com-彩铅画夜空图片| www.987908.com-大赢家幸运快三| www.987280.com-天下空彩票与你同行| www.jh50.com-发彩网官方版| www.897491.com-竞彩足球中奖规则| www.295113.com-福彩快三新闻| www.121138.com-qq彩票交流群| www.195425.com-福彩开奖日期是周几| www.381510.com-福彩35期-| 网易彩票www.26163m.com| www.7118.in-正版新粤彩图今天| www.gn29.com-快三和值计算规律| www.44871.com-京彩彩票-| www.0433.tv-福彩p62往期开奖| www.759.in-1上海快三开奖结果| www.825487.com-33彩票网-| www.899419.com-彩神通网站-| www.958100.com-k3彩票网官方网址| 500彩票www.50052y.com| www.796410.com-尊彩apk-| www.897006.com-优彩彩票网香港| www.980300.com-最近的福利彩票站| www.8380.pw-网投时时彩能赚钱吗| www.45998.com-云南彩票开奖号码| www.069823.com-彩票平台彩神| www.6768.site-唯彩会专业版| www.zc91.com-体彩p3开机号| www.607474.com-彩票双色球几点开售| www.598988.com-中彩网糖果视频分析| www.981007.com-七彩开头的词语| www.ys90.com-我要看体彩和福彩| www.586675.com-足球彩票花多少钱| www.523562.com-加盟时时彩代理利润| www.716908.com-彩搜网东北王| www.888206.com-快三赔率-| www.97847.com-彩票网站返点最高| www.74pt.com-万豪彩票是真的吗| www.13172.cc-彩票大乐透资讯| www.621362.com-家彩网胆码杀码| www.60949.com-小米福彩-| 500彩票www.50788b.com| www.921768.com-大发时时彩官方开奖| www.9904.com-竞彩调整原因讨论| www.85122.com-50ol彩票开奖| www.45qs.com-彩虹6号围攻吧| www.206893.com-152彩票网站| www.ds79.com-彩福彩票下载| www.03kj.com-体育彩票牛人| www.3708.net-dd彩票网上下载| www.66sk.com-彩票816诈骗| www.376013.com-网络购彩恢复了嘛| www.tp68.com-安徽快三技巧顺口溜| www.262093.com-体彩网走势图l| www.985707.cc-彩票网址大全汇总| www.il24.com-福利彩票3d交流群| www.04fp.com-v9彩票注册-| www.214399.com-盛兴彩票网登录网址| www.3682.cc-足球彩票竞彩足彩| www.950454.com-竞彩外围有哪些| www.867993.com-南海网彩票-| www.952828.com-福利彩双色球| 福彩www.86267m.com| www.892579.com-彩票近500期开奖| www.105616.com-皇都彩票下载安装| www.6657.top-今日福彩三强图谜| www.173452.com-福彩江苏快三怎么玩| www.894416.com-彩票助赢手机版图标| www.777350.com-下载江苏e球彩助手| www.cp6620.com-2018快三微信群| www.044606.com-彩票软件大全app| www.4705.vip-想挣点零花钱买彩票| www.8811.xyz-分分彩个位大小技巧| www.230333.com-彩票99骗局-| www.159554.com-湖北快三三同号通选| www.182121.com-广西福彩助手| www.42.biz-彩泥手工制作大全| www.87698.cc-唯彩会双色球预测| www.271678.com-快三速查表和值| www.673102.com-体彩的兑奖期限| www.963776.com-能买彩票的软件| www.wt81.com-今天乐和彩开奖结果|