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.0060.wang-什么彩票最容易中| www.72858.cc-福彩杀码高手| www.100879.com-在手机上能买彩票吗| www.219623.com-众彩网专家预测汇总| www.126413.com-时时彩现在抓马| www.5581.vip-彩牛美缝剂的价格| www.662777.com-彩票开奖信息推送| www.mv33.com-中彩易软件下载| www.cz5.com-江苏快三怎么玩赚钱| www.215613.com-七星彩杀号公式汇总| www.648001.com-私彩平台制作安装| www.996314.com-北单购彩app| www.00kr.com-高智商买彩票| www.233413.com-体彩快中彩开奖| www.381798.com-肥城福利彩票站| www.788729.com-新加坡福彩开奖结果| www.805657.com-qq分分彩官网| www.779090.com-福彩3d天中原创布| www.96220.com-福彩7位数-| www.68298.cc-赌时时彩害了多少人| www.dv9.cc-快彩乐-| www.409332.com-vr三分彩计划| www.209236.com-河北福彩排5| www.py14.com-英国彩票最大奖| www.236484.com-中国体彩有app吗| www.004035.com-bb3d属于什么彩| www.9755.org-电玩8彩票网| www.63616.cc-彩要开奖结果| www.079200.com-彩票玩法中奖规则| www.309115.com-韩国彩票都有啥| www.501809.com-彩票的串-| www.uw63.com-彩票查询app| www.31189.com-彩票中奖采访| www.940765.com-乐汇彩app下载| www.az55.com-澳门快三官网开奖| www.32dq.com-简笔画彩虹-| www.949367.com-大发快三杀号| www.jr3.cc-体彩481技巧| www.5lm.cc-昨天足彩比赛结果| www.027604.com-彩l吧论坛官网首页| www.375196.com-新彩吧画谜-| www.336819.com-江苏快三今天的结果| www.528199.com-e球彩每天开几期| www.908709.com-七星彩彩票分析预测| www.hg.com-极速快三开奖查询| www.343386.com-彩票赚钱的软件| www.589644.com-最准的足彩预测专家| www.292466.com-体彩开奖中奖规则| www.422058.com-刚力彩芽街拍| www.528117.com-时时彩赢彩王破解版| www.603825.com-娱乐竞猜彩票| www.702072.com-505彩票手机版| www.995444.com-福彩37588-| www.eq07.com-快三秒奶茶总部| www.673661.com-椽子彩画-| www.940427.com-168彩票假吗| 金彩www.983jc.com| www.791035.com-福彩双色球手机选号| www.915478.com-官方淘彩平台| www.31ab.com-福彩3d中奖多钱| www.3676.cn-佳能彩色复印机维修| www.678984.com-众购彩票网注册登录| www.781522.com-下载66微彩-| www.861055.com-2019年彩票整顿| www.940338.com-吉林快三半顺规律| www.986583.com-3158彩票-| www.lf0.cc-北京一定牛快三| www.qk08.com-五省五省快三走势图| www.40956.com-彩拾彩票网-| www.751133.com-彩八彩票手机版下载| www.868806.com-七星彩的口诀| www.937434.com-鸿博彩票正规吗| 500彩票网www.97655l.com| www.672959.com-排三排五乐彩论坛| www.04gi.com-彩铅人物速写| www.997674.com-极速时时彩计划技巧| www.002455.com-七星彩走势图表连线| www.088091.com-快三权威下载| www.216254.com-快三看跨度出豹子| www.337949.com-体彩排列三精准双胆| www.618575.com-东营体彩中心| www.208225.com-江苏快三豹子推荐号| www.103236.com-七乐彩中奖规则表图| www.37vt.com-时时彩单双大小| www.067600.com-体育彩票店有假的吗| www.669122.com-彩票客户数据购买| www.567552.com-多彩贵州城门票| www.004286.com-买了18年彩票| www.974502.com-体彩大乐透下载| www.738.live-时时彩和值预测| www.551272.com-彩宝典在线-| www.927663.com-福彩中几位数有奖| www.np36.com-福彩大厅-| www.99575.cc-时时分分彩规律| www.573649.com-奇趣彩票-| www.733468.com-福建体育彩11选5| www.828080.com-龙之彩平台-| www.905162.com-体彩店转让带竞彩| www.971438.com-体彩排3开奖号| 500万彩票www.638809.com| www.nh25.com-体彩大赢家应用| www.v56.club-福彩4d开奖时间| www.53up.com-福利彩票3带连线| www.917857.com-互联网售彩试点| www.773112.com-天际彩-| www.001813.com-澳客彩票网官网网址| www.160921.com-七星彩早版与加急版| www.9556.win-下载特区彩票网| www.206412.com-利彩工具官网| www.275206.com-彩种多的彩票平台| www.349078.com-乐彩三地17500| www.422114.com-福利彩票计算软件| www.507253.com-彩票争霸苹果下载| www.711937.com-女方家要10万彩礼| www.783108.com-新星彩网址手机版| www.853046.com-华戈集团和彩客化学| www.916718.com-海南私彩怎么卖| www.967597.com-3d福彩多久开奖| 中国福利彩票www.34788l.com| www.n25.com-中国彩票创始人| www.839313.com-江苏快三怎么下不了| www.974353.com-快三啥时候开奖时间| www.sl03.com-网上买彩票报警电话| www.084567.com-彩70网站-| www.172701.com-今天福彩快三| www.239191.com-大发快三有人控制么| www.318046.com-中国福彩钱怎么分配| www.65563.cc-查彩票最好的软件| www.227787.com-彩民新闻-| www.gi93.com-汇彩网一分快3套路| www.199507.com-福彩双色球33期| www.51.cc-吉林快三奖金规则| www.198351.com-今天福彩正版藏机图| www.917068.com-亚洲彩票进群靠谱吗| 福利彩票www.8039c.com| www.289167.com-高频彩票叫停吗| www.355149.com-大玩家时彩-| www.547814.com-分分彩我输得很惨| www.613276.com-众彩彩票网站| www.678035.com-易彩代理注册公司| www.ic88.cc-我被彩票害死了| www.315268.com-不能申请竞彩彩票| www.377197.com-qq7彩-| www.581761.com-银河88元彩金短信| www.777482.com-彩乐园注册-| www.69zr.com-球彩台直播解说| www.5842.top-足彩半全场-| www.0111.pw-3开头的彩票网| www.730010.com-卓易彩票ios| www.889680.com-彩票高频新政| 福彩天下www.fcff7.com| www.159766.com-永辉彩票app下载| www.07163.com-手机好彩客app| www.69280.com-体彩14场胜负规则| www.5vq.com-想举报网络买彩票| www.884817.com-如何研究彩票走势| www.8063.cc-中国三大水彩画家| www.ji83.com-今天河南快三结果| www.378445.com-体彩不好卖-| www.44tv.com-uc注册彩票安全吗| www.388063.com-上海华彩咨询集团| www.599292.com-六佥彩资料查询| www.687117.com-江南彩姐大乐透推荐| www.781559.com-凤凰彩票提现不成功|