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.597811.com-印尼分分彩开奖查询| www.726976.com-老时时彩搜狗| www.802391.com-福彩消宝石机器| www.878249.com-福彩073期-| www.949042.com-中彩股份宁夏快3| 公益福彩www.gyfc2.com| www.bb42.com-大发快三能挣钱吗| www.su61.com-快三投注官网| www.ua12.com-屠龙什么意思彩票| www.09xk.com-双色球众彩网| www.80kt.com-彩票网哪家最靠谱| www.1804.cc-高频彩平台怎么赚钱| www.098123.com-武汉双彩转让店| www.81su.com-工行积分怎么换彩票| www.2328.biz-万利线上彩票| www.08539.com-掌上彩票最新版下载| www.96216.cc-体彩足球胜负开奖| www.934478.com-快三是真的么| www.984327.com-体彩助手登录不了| www.kt18.com-玩彩票安卓-| www.473106.com-国标快三视频| www.181897.com-北京的快三走势图| www.254218.com-手机下载爱乐彩| www.861682.com-彩票历史开奖对比| www.808075.com-竞彩足球资讯中心| www.892646.com-中国足彩怎么买| www.963885.com-网上买彩票的软件| 大赢家彩票平台www.221075.com| www.625252.com-福利彩票时时彩57| www.84575.com-彩色透水混凝路面| www.65897.com-好彩三超准技巧| www.15ki.com-结婚因为彩礼闹矛盾| www.633826.com-群英会彩票空| www.757994.com-彩票刷流水什么意思| 500彩票www.50090.cc| www.87zo.com-新版跑狗图4s彩票| www.313194.com-分分彩计划三期必中| www.288203.com-中国福利彩票公开| www.879580.com-人人中彩票合法| www.5108.vip-彩票客户端版本过低| www.65628.com-复式彩票计算器查询| www.755289.com-韩国彩票查询双色球| www.924006.com-世界彩票巨奖排行榜| 立彩www.16588t.com| www.70456.com-彩运8平台下载| www.051093.com-万豪福彩app下载| www.182010.com-北京快三奖金规则| www.m01.cc-乐彩vip大发| www.257521.com-天天快三下载| www.361061.com-万达彩票官方网址| www.774042.com-香港博彩堂-| www.2713.net-彩票票面解读| www.17500.com-c59彩票靠谱吗| www.83650.com-福彩360杀号定胆| www.656757.com-菲律宾雄伟博彩公司| www.777749.cc-我中了彩票网下载| www.877945.com-彩迷8计划客户端| www.952661.com-必赢彩网-| 亿龍彩票www.1368s.cc| www.kj97.com-易彩www5115| www.400161.com-808七星彩早版区| www.534789.com-彩票游戏机算法| www.818445.com-体彩中心地址电话| www.892579.com-彩票近500期开奖| www.954950.com-36彩票开奖-| 全民彩票www.qm26.com| 立彩www.16588t.com| www.pz28.cc-百盈快三靠谱吗| www.234266.com-江苏快三在哪里买| www.949612.com-高频彩为什么要拉人| www.639848.com-东方亮彩为什么卖掉| www.791458.com-千禧彩票官网| www.880759.com-体彩排列三中奖情况| 惠民彩票www.hm3355.com| www.ed45.com-吉林快三开将结果查| www.687014.com-彩票中大奖的人生| www.789182.com-皇冠足彩跟单软件| www.873764.com-彩34-| www.936311.com-时时彩彩票聊天室| www.108011.com-彩票谜语总汇| www.230064.com-916官方彩票网站| www.339472.com-速盈彩app邀请码| www.23779.cc-彩票微助手怎么样| www.78209.com-找一下彩票开奖结果| www.028075.com-星际彩票合法吗| www.5gc.com-大彩网不更新| www.0003.in-5位数是什么彩票| www.936024.com-大发彩票一手代理| www.0942.vip-福彩农场开奖| www.23486.cc-谁知道彩票计划软件| www.020845.com-彩票源码-| www.161019.com-摩羯足彩预测| www.672030.com-彩宝彩票可以买吗| www.799111.com-体彩票超级大乐透| www.811775.com-快乐双彩复式价格表| www.917342.com-彩票黑平台怎么赚钱| www.977962.com-成都大西南彩钢厂| www.jc36.com-福利彩票手机购彩版| www.3272.org-体彩p3今晚试机号| www.07156.com-农村结婚彩礼顺口溜| www.444707.com-五彩斑斓什么填空| www.563666.cc-大中华彩票网址注册| www.659490.com-南国七星彩4十1| www.c80.top-河内5分彩开奖平台| 金牌彩票www.58688.cc| www.384555.com-彩票的社会性质| www.188886.com-吉林彩票网-| www.20906.com-彩票争霸ll-| www.216540.com-谁有玩快三的群| www.261658.com-网上推销彩票怎么聊| www.0132.vip-彩色字复制-| www.9376.shop-七星彩开奖详情| www.96gn.com-哪个彩票网送彩金| www.061119.com-我附近的彩票站点| www.189308.com-宁夏快三官网| www.274620.com-智胜彩票-| www.343396.com-买重庆时时彩的平台| www.112503.com-933彩票下载苹果| www.298186.com-辽宁快三群-| www.384618.com-澳客彩票pc-| www.346594.com-福彩高频开奖走势| www.005511.com-彩票平台软件出租| www.187711.com-时时彩最稳盈利技巧| www.267559.com-彩票中奖后投注倍数| www.984820.com-彩之家主页的网址| www.be0.com-湖北福彩票快3开奖| www.ls21.com-qq彩票在哪里买| www.95cr.com-最全白菜网彩金| www.2578.cn-中信福彩网站| www.023944.com-购买网上私彩| www.332765.com-京彩集团软件下载| www.355560.com-买彩票的最高境界| www.456692.com-鼓励人买彩票的句子| www.044551.com-湖北快三难度| www.86539.cc-福彩直播现场| www.035303.com-优信彩票app下载| www.104304.com-时时彩后三毒胆方法| www.587190.com-彩票网站投诉| www.cai9822.com内蒙快三连线走势图| www.ta15.com-福利彩票几点能兑奖| www.6245.xyz-五福彩票安卓| www.11730.com-6678彩票合法吗| www.796126.com-彩票对压什么意思| www.882928.com-网上买彩票亏了| www.959685.com-新盈彩网址-| www.183892.com-河南快三中奖金额| www.077019.com-福利彩票欢乐生肖| www.204837.com-两分快三开奖结果| www.263732.com-福彩3d乐彩论彩| www.318059.com-福彩3d几点停售| www.367583.com-上期彩票开奖查询| www.210111.com-吉林省快三图| www.85378.com-台湾彩虹台直播源| www.106646.com-体彩足球竞彩直播| www.188584.com-快三屠龙计划| www.332738.com-爱乐透彩票网普通版| www.300026.cc-75858彩票注册| www.764888.cc-足球竞彩新浪| www.833866.com-福彩软件哪个安全| www.891070.com-彩票交流qq群号| www.552735.com-玩大发快三的技巧| www.638283.com-色彩画人物-| www.700753.com-南宁彩票诈骗案例| www.770424.com-篮彩比分-|