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.26os.com-东莞凤岗体彩店转让| www.001875.com-釉上彩成分-| www.023284.com-海南4十1彩票网站| www.019199.com-彩票查询器-| www.765500.com-广东高频彩票| www.121776.com-福彩案怎么发现的| www.cai14.cc-河北福彩快三走势| www.50rj.com-足彩14场进球预测| www.885732.com-彩票开奖源是什么| 幸运彩票www.444739.com| www.va40.com-3d新彩吧字谜总汇| www.908257.com-我要机选3d福彩| www.982914.com-彩票平台下载送彩金| www.tj3.cc-福建快三49期| www.561112.com-排三乐彩网字谜图迷| www.013816.com-海南至尊七星彩图纸| www.623775.com-宏发快三开奖结果| www.762288.com-彩1彩票app下载| www.862165.com-幸运彩28下载| www.934705.com-gd平台盈彩网| 大钱庄彩票www.c5986.com| www.255348.com-六星彩开奖结果查询| www.0557.red-有什么好的彩票网站| www.221640.com-瑞彩祥云江苏快3| www.412855.com-0k彩票下载安装| www.156391.com-好彩堂中特网| www.396213.com-金钱豹时时彩网址| www.519046.com-腾讯彩票竞猜退市| www.595200.com-双彩论坛的双彩图| www.697662.com-彩票几号开售| www.ay7.cc-新浪彩票网官网| www.86tg.com-旺彩游戏登录网址| www.055110.com-吉林快三二十号优势| 大赢家彩票平台www.976921.com| www.671435.com-鸿运彩票派奖| www.193856.com-吉林市彩票兑奖地址| www.042323.com-彩票神器手机版下载| www.124745.com-迷彩图片-| www.335726.com-周四体彩彩票开奖吗| www.920069.com-彩票1分快3资料| www.172527.com-彩票快三下载| www.335917.com-河北快三开奖规律| www.511716.com-彩票对打分红| www.747111.com-get彩民发宝| www.874877.com-新宝3彩票-| www.995225.com-重庆试试彩走势图| www.im10.com-山东省彩票沙龙| www.41rl.com-彩吧彩吧-| www.163461.com-国彩gc27966| www.5487.vip-彩虹六号本子无翼鸟| www.232580.com-好彩客彩票-| www.00005.com-体育彩票排列3预测| www.056677.com-合肥市福彩中心电话| www.2179.top-福彩断组分解| www.901308.com-福彩3d专家推测| 大福彩票www.df76.com| www.nw92.com-99彩票网页-| www.14sx.com-安徽体彩大奖| www.89qh.com-陕西彩-| www.589631.com-篮彩推荐最准的专家| www.669605.com-体彩排三大彩网| www.745560.com-棒棒彩票客服电话| www.809704.com-体彩出奖号-| www.878693.com-福彩积分商城| www.944559.com-信博彩票正规吗| 凤凰彩票www.3479b.com| www.138436.com-福彩六十一规则| www.619713.com-足彩亚盘水位怎么看| www.706380.com-易算时时彩计算公式| www.798356.com-有盈彩票官网app| www.868334.com-七星彩大小走势图| www.936935.com-篮球彩票怎么玩法| www.990596.com-中福利彩票网站| www.dx90.com-福建体彩网彩民论坛| www.1424.cn-星濠彩票游戏城| www.525553.com-福彩3d五行技巧| www.672650.com-3d福彩官方网站| www.823822.com-彩票app怎么了| www.28ae.com-耽美全彩漫画| www.8833.me-重庆桥洞彩票| www.58193.cc-彩乐彩票-| www.976117.com-婚嫁彩礼-| 大赢家彩票平台www.566217.com| www.ml38.com-好彩堂马会开奖结果| www.06.la-玩私彩处罚-| www.83af.com-和彩云尊享版| www.2307.vip-好彩网娱乐-| www.28el.com-tt快三注册-| www.69541.com-c99彩票怎么退钱| www.9309.org-七乐彩头奖要交| www.de53.com-体彩千里马预测| www.227796.com-福彩快3有赢的吗| www.369475.com-福利彩票走向| www.567283.com-江苏体彩手游app| www.sb62.com-穷人买彩票越买越穷| www.187009.com-快三跨质号是指| www.254574.com-彩票平台彩金高| www.2ns.cc-49cp彩票网-| www.78hp.com-563彩票下载安装| www.1571.net-家彩开奖开机号| www.688765.com-105彩票手机版| www.780977.com-5型彩票组合软件| www.853556.com-十大彩钢瓦名牌| www.905500.com-吉利彩票倒闭| www.960741.com-111彩票-| 天天彩票www.2373a.com| www.755280.com-中彩网怎么买彩票呢| www.1173.press-五分快三是什么意思| www.904454.com-抚州市彩票管理中心| www.04ud.com-彩铅绘画欣赏图片| www.022260.com-安徽快三数据| www.030699.com-珍爱网彩票骗局| www.94906.com-卡姿兰彩妆代理商| www.113118.com-彩票数字五行属什么| www.396703.com-我想福利彩票| www.17491.com-买福利彩票软件下载| www.53882.com-体彩竞猜网-| www.506655.com-福彩3d三期计划| www.2555.me-快三追号倍投| www.176220.com-江苏快三稳赚计划| www.623952.com-九歌彩票中奖纠纷| www.aa89.cc-全民快三彩票网| www.668645.com-大本赢彩种大厅| www.728601.com-彩吧助手3d开| www.640035.com-彩票分析软件怎么样| www.751901.com-中国福利体育彩票| www.52.me-高屏彩是什么| www.1879.com-高频彩公式-| www.9095.vip-赢钱彩平台靠谱吗| www.510101.com-福彩双色奖结果| www.622957.com-福彩三地彩图| www.908468.com-彩票网站漏洞| www.73yv.com-彩哥哥软件停运了吗| www.047458.com-竞乐彩app下载| www.979391.com-收贵州快三查询| www.tn17.com-安徽快三骗局| www.522183.com-时时彩开奖豹子遗漏| www.302435.com-福彩快3几点到几点| www.856018.com-彩站宝网页版登录| www.0064.loan-美国彩票开奖规则| www.05940.com-天天爱彩票官方| www.845922.com-重庆彩票案-| www.930991.com-中彩网快3开奖结果| www.990906.com-怎么攻击彩票平台| www.am09.cc-今天甘肃快三开奖号| www.326767.com-彩票几位数如何中奖| www.018090.com-星彩网3d论坛| www.2468.cn-易语言彩票公式源码| www.9026.com-竞彩篮球专家天道| www.42088.cc-安装彩钢瓦价格| www.779442.com-安徽快三今日热号| www.h54.net-现代古建彩绘图案| www.165001.com-彩票qq怎么买| www.274000.com-时时彩好软件| www.087310.com-m5彩票官方网站| www.2040.xyz-彩神l平台网址| www.65377.cc-德令哈福利彩票店| www.788853.com-竞彩投注量比例| www.106776.com-今晚上体彩开什么码| www.171217.com-福建快三走势图| www.237608.com-仲博彩票-| www.387404.com-手机彩边怎么设置| www.503528.com-福建省福彩中心员工| www.562379.com-千美彩票-|