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.961304.com-竞彩猫微博-| www.431636.com-七彩乐星期几开| www.522166.com-分分彩诈骗-| www.650585.com-彩虹伞亲子互动游戏| www.782969.com-兰州福彩网-| www.921751.com-足彩写手-| www.qr4.com-河南快三的台子| www.3jl.cc-彩票聊天室整点红包| www.977.cc-排列三乐彩网走势图| www.22905.com-福彩彩吧图库第三版| www.657421.com-彩票开奖旬-| www.607.net-好运快三技巧| www.883712.com-最新平台送彩金| www.982653.com-福彩3d输惨了| www.o37.net-彩票算法-| www.192777.com-彩票知识技巧大全| www.322511.com-足彩8串1中奖算法| www.438216.com-下载七星彩直播开奖| www.604851.com-彩色黄漫app苹果| www.710405.com-彩神4app-| www.811898.com-双色彩票走势图| www.904744.com-免费买彩票-| www.9496.org-市政彩钢围挡定做| www.5982.biz-体彩公益宣传美篇| www.566.club-时时彩账号追杀| www.20033.cc-彩经网安徽快3| www.69987.cc-盛世彩票登录网站| www.056060.com-合肥滨湖福利彩票| www.187801.com-七乐彩中奖规则图表| www.313075.com-体彩七星彩开奖号| www.404577.com-七星彩杀号算法| www.587662.com-c8cn彩吧-| www.676768.cc-酷彩吧怎么不能登录| www.786773.com-今天的彩票中奖号| www.541849.com-360彩票一购彩| www.671029.com-亿彩堂彩票合法吗| 网易彩票www.36788o.com| www.31mj.com-体育彩票赔率怎么算| www.6250.net-宁波彩票608万| www.609340.com-五分彩、开奖走势图| www.700081.cc-3d福彩怎么看| www.804772.com-七乐彩一周开几次| www.900039.com-天天中彩票旧版本| www.12lw.com-新浪爱彩足球胜负彩| www.209175.com-588彩票网平台| www.1357.cc-买博牛彩票算赌博吗| www.501973.com-买彩票输光-| www.095165.com-体育足彩90分钟| www.689018.com-晓艳七乐彩推荐| www.929693.com-彩8计划助手| www.pu.cc-快三和值表格| www.w52.cn-长春彩溢和吉康区别| www.278816.com-福利彩票正规app| www.482610.com-彩菊字的含义| www.985079.com-彩票8888-| www.44us.com-常州福彩中心地址| www.ri75.com-自己做庄5分快三| www.011678.com-南京体彩兑奖中心| www.088386.com-众益彩app-| www.207549.com-一分钟快彩-| www.613830.com-强强双色球彩票软件| www.563277.com-福利彩查询-| www.665423.com-上申体彩店-| www.437705.com-星彩无惨妖气漫画网| www.541048.com-彩贝壳-| www.697037.com-中体彩运营-| www.841126.com-体育彩票有哪些种类| 梦想彩票www.33112p.com| www.931552.com-足彩跟单是骗局吗| 亚投彩票www.ya390.com| www.8031.vip-十字彩网址多少| www.335333.cc-红中彩票手机版登录| www.25948.com-彩虹表情是什么意思| www.71441.com-开彩妆加盟店排行榜| www.888780.com-578彩票-| www.971608.com-内蒙古快三时时彩网| www.cp6669.cc-北京快三是什么彩票| www.623744.com-港澳国际彩票| www.728766.com-京东福彩-| www.812828.com-手机彩铃怎么换| www.890704.com-彩票倾家荡产| www.957045.com-彩票挂机不爆方案| 幸运众彩www.108065.com| www.xb40.com-幸运彩娱乐-| www.062646.com-红运彩app下载| www.282923.com-七星彩今日几点开奖| www.916825.com-亚洲彩票信得过吗| www.998314.com-彩票天天乐是否正规| www.fq69.com-竞彩比分360| www.393583.com-小学彩铅画图片大全| www.537555.cc-中彩网3d字谜论坛| www.727918.com-易盈彩票官网| www.953367.com-彩神破解网-| www.14fi.com-下载注册体彩网| www.805.mobi-宝岛彩票开奖网| www.038958.com-i8彩票台子怎么样| www.5869.xyz-北京快三公交几分钟| www.63800.com-足彩赚钱-| www.028635.com-乐彩网排列三论坛| www.1408.cm-福利彩票彩池多少钱| www.60ux.com-掌游彩是什么软件| www.0905.vip-彩服丹冠似凤凰| www.6020.com-云南省体彩中心官网| www.21612.com-彩票老台子-| www.62007.com-玛雅吧彩票游戏网址| www.510730.com-饭圈彩虹屁模板| www.116120.com-500彩票轻聊版本| www.188256.com-内蒙快三今日预测| www.256078.com-快三线上下载| www.274386.com-天天分分彩开奖号码| www.353279.com-京彩客户端-| www.430203.com-宝利国际彩票| www.750710.com-兴盈彩票-| www.851848.com-有什么好的足彩网站| www.908002.com-天下彩与彩票| www.964021.com-福彩三地和尾值| 亿发彩票www.901591.com| www.tt77.cc-快易彩app-| www.20ab.com-创富彩票苹果版| www.056054.com-一分彩是不是控制的| www.134078.com-南粤风采好彩1奖金| www.261252.com-竞彩任九开奖结果| www.339787.com-中彩票大奖得主生活| www.375018.com-海南飞鱼彩票推荐| www.596219.com-甘肃福彩中心位置| www.693028.com-u9彩票是违法的吗| www.774754.com-亿元彩票-| www.862411.com-中国手机彩票网下载| www.929702.com-牛蛙彩票正版四不像| www.989522.com-家彩网排列三试机号| www.ca54.com-湖北福彩快三预测号| www.3ck.cc-谁能出彩票被黑的钱| www.613465.com-体彩11选五67| www.751909.com-新版跑狗图牛蛙彩票| www.865547.com-澳客网澳客网胜负彩| www.956218.com-信用玩法彩票平台| www.o65.com-员工年会彩票中奖| www.381943.com-更多精彩作品| www.600507.com-2块钱一注的彩票| www.677257.com-彩钢瓦围墙cad| www.765485.com-福彩快频彩下载| www.842012.com-鑫彩网彩票登录主页| www.923167.com-白小姐祺袍正版彩图| www.975329.com-快三集体表演套路| www.956478.com-富贵彩可信吗| 豪彩VIPwww.hong663.com| www.868288.com-五分彩万位公式| www.pi69.com-体彩中心官网| www.3qu.com-中国体彩创始人| www.54fn.com-上海快三开结果查询| www.1174.vip-体育彩票店广告词| www.280538.com-3d中彩网北斗预测| www.369374.com-乐乐彩3d论坛| www.442055.com-彩票店招聘营业员| www.523950.com-手机淘宝在哪买彩票| www.587285.com-福彩4d开奖结果| www.638461.com-色彩静物临摹图片| www.690000.com-快三网络平台哪个好| www.756492.com-彩票中奖票号| www.808578.com-彩票分析软件真假| www.872193.com-贵阳彩票一等奖| www.917676.com-彩票漏洞改数据| www.963659.com-抖音彩虹是什么意思| 购彩网www.74gcw.com|