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.756884.com-彩66正规吗-| www.14ed.com-睛彩宁夏-| www.63828.cc-足彩app有哪些| www.72lj.com-五分快三破解| www.327559.com-湖北快三开奖结果| www.7358.top-体育彩票包括哪几种| www.140868.com-518彩票骗局| www.255953.com-时时彩抓包改包赚钱| www.nh99.com-微信彩票下载手机版| www.627888.com-多赢彩票线路| www.179158.com-下载北京快三助手| www.258721.com-足彩网app-| www.581117.com-大发快三买豹子方法| www.78035.com-竞彩单场比分奖金| www.75xw.com-福彩3d查询表| www.230186.com-盈彩平台真的赚钱吗| www.40bs.com-彩票老聂预测| www.88eu.com-3d黑彩平台-| www.041555.com-美国彩票史十大巨奖| www.sx76.com-七星彩随机选号| www.67qc.com-体育彩票销售额| www.2964.cc-pk彩吧手机版本| www.111626.com-网上买彩票的兼职| www.190419.com-快三真的能赚钱吗| www.587007.com-连红彩票停止| www.113622.com-手机买彩票下载| www.208040.com-彩票工具大全| www.476519.com-广西福利彩票未兑奖| www.679731.com-955彩票是真的吗| www.cb69.com-福彩青海快三开奖号| www.xy04.cc-体育彩票中奖查询| www.67fx.com-优优彩票网怎么样| www.2245.cm-易彩富民彩地| www.23177.com-福彩双彩论坛讨论区| www.190356.com-一分快三的投注技巧| www.233912.com-快三团队靠什么盈利| www.07745.com-中彩那天课文板书| www.97862.cc-重庆时时彩水果网| www.625131.com-福利彩票三d四季号| www.761014.com-14场胜负彩分析| www.941841.com-新疆时彩票开奖查询| www.cp7663.com-新快三技巧选号口诀| www.829280.com-9彩计划网-| www.293393.com-大发快三邀请码98| www.369812.com-网冠彩3dd-| www.525185.com-特特彩吧-| www.028287.com-博友彩票客服| www.368648.com-彩票1号店app| www.500.blue-恒彩最新登录网站| www.6674.org-美国纽约快三| www.19555.cc-聚星彩票团队合法吗| www.652533.com-一分快三贴吧| www.775201.com-最常见的彩票种类| www.971364.com-中国福彩3d诗谜| www.501937.com-白菜网领彩金| www.730882.com-麒麟竞彩怎么下载| www.832113.com-093彩票好彩客| www.918170.com-海南七星彩网投平台| www.cp0928.com-江苏快三破解器下载| www.718408.com-七星彩胆拖计算器| www.659354.com-博彩源码php| www.123092.com-酷彩吧网址-| www.205449.com-喜乐彩走势图两元网| www.306053.com-彩票中奖强制捐款| www.660450.com-体彩4+1-| www.154.tv-刘畊宏彩虹天堂| www.9594.org-众彩网排列三推荐| www.50958.com-彩75app-| www.949421.com-北单足彩群-| 全民汇彩票www.52303j.com| www.78uf.com-六台彩迷宫乐极生悲| www.917359.com-新彩彩票靠谱吗| www.72349.com-大钱庄彩票软件下载| www.130236.com-查福彩开奖-| www.950.live-七星彩介绍-| www.5305.cn-永盛彩票网手机版| www.530959.com-时时彩四星计划软件| www.120779.com-河北省体育彩票电话| www.199351.com-浙江快乐彩胆拖| www.290540.com-彩宝网排列三走势图| www.837181.com-合肥体彩店找哪家好| www.61ez.com-cai35彩票-| www.659058.com-财神会彩票-| www.841020.com-中国福彩在线游戏机| 杏彩www.00840y.com| www.11xo.com-体育彩票几几年有的| www.35238.com-买世界杯彩票| www.071519.com-河南彩礼不超过三万| www.930270.com-如何投资足球彩票| www.529999.com-彩票时时彩开奖直播| www.608552.com-7号彩票网-| www.673507.com-福彩3d1750o| www.qc1.com-延吉市体彩管理中心| www.874148.com-福彩3d布衣天下一| 天天彩票www.2373f.com| www.32qo.com-我想福利彩票| www.941.me-彩吧首页首页| www.5845.xyz-199期彩吧图库| www.94168.com-竞彩足球105| www.058789.com-9号彩票平台| www.128036.com-彩虹宝宝免费| www.99ye.cc-体彩彩票有几种| www.2675.in-世界杯彩票停止销售| www.92896.cc-官方彩票安卓版| www.061676.com-彩票免费预测彩经网| www.35af.com-竞彩足球延期怎么算| www.b26.club-重庆市彩个位胆码| www.744447.com-香港彩现场直播| www.812739.com-福彩3d中奖绝招| www.880404.com-7乐彩开奖-| www.943877.com-春秋娱乐彩票| www.990835.com-最好的彩票挂机软件| www.ot10.com-网上时彩合法吗| www.36gw.com-19034七星彩| www.1089.in-今日福彩字谜汇总| www.8567.bid-大乐透彩票杀号软件| www.738225.com-百度彩票排列五开奖| www.oc49.com-时时彩五星胆码技巧| www.09bv.com-611彩票-| www.84vn.com-体彩世界杯胜负玩法| www.2645.cn-手机版中国体育彩票| www.8830.net-南方彩票彩-| www.40177.com-足彩预测佬牛| www.01301.com-彩云天气官方下载| www.63987.com-澳洲三分彩人工计划| www.026849.com-彩八彩票官方下载| www.102005.com-彩票坏了能兑奖吗| www.12441.com-大牌彩票是真的吗| www.503863.com-博亚彩票app下载| www.et81.com-彩票能稳赢吗| www.93487.com-竞彩官方开盘规律| www.96067.com-彩票中二等奖去哪领| www.c60.tv-3d乐彩开奖号| www.559609.com-彩购平台app下载| www.450043.com-198彩总代理| www.936057.com-四川乐山快三开奖图| www.f10.online-新加坡彩票投注站| www.0848.cn-长春彩溢预约电话| www.130550.com-彩票购买推荐| www.oz98.com-彩票开奖41期| www.831832.com-海南七星彩预测直码| www.pm73.com-中奖助手快彩| www.948102.com-福利彩票的发行宗旨| www.5825.site-7彩网安全吗| www.507358.com-新疆浩彩快三| www.279906.com-时时彩微信群赌| www.827286.com-彩票怎么避免花龙| www.952972.com-足彩滚球大小球规则| www.2497.top-彩48彩票下载安装| www.546905.com-澳客彩票靠谱吗| www.812577.com-福彩3d大底-| www.650697.com-儿童创意水彩笔画| www.25490.com-福彩群英会软件下载| www.000788.com-数字彩票走势图大全| www.719553.com-中国′彩吧-| www.339249.com-深圳福彩中心主任| www.684896.com-亚投计划彩神| 众乐彩票www.389744.com| www.071027.com-365官方网彩票| www.38ib.com-彩票王马洪平| www.ay67.com-六台彩迷宫6| www.911507.com-快三推荐号湖北| www.7543.cm-体育彩票竞彩店加盟| www.209215.com-湖北新快三开奖结果|