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.151599.com-彩77是安全平台吗| www.061838.com-快三提现多久能到| www.448858.com-印尼五分彩骗人| www.646002.com-足彩高手实用经验| www.222384.com-福彩十分钟开奖号吗| www.186282.com-快彩3骗局-| www.968174.com-购彩计划群是真的吗| www.65ws.com-彩票网投app| www.071774.com-彩票的前景如何| www.206764.com-彩票投注技巧分析| www.600768.com-一张彩票可以买几注| www.cn36.cc-彩神官方网站| www.129940.com-胜负彩即时比分直播| www.067687.com-谁有靠谱的彩票网站| www.5518.cc-体彩大乐透模拟机选| www.328901.com-牛彩网彩摘网吧论| www.509333.com-天涯明月刀射利彩签| www.582819.com-彩票走势图制作代码| www.76858.cc-安微快三夸度走势图| www.98ze.com-彩票dna-| www.275276.com-时时彩除32公式| www.385271.com-ss456盛世彩票| www.507531.com-九号彩票捷豹| www.585413.com-97彩票登录网址| www.iz1.cc-内蒙古快三官方网站| www.sy73.cc-中国福利彩票种类| www.67oo.com-彩吧三d图谜第五版| www.67vm.com-什么是彩钢瓦| www.lp36.com-cp12彩票-| www.40yw.com-七星彩是真还是假| www.087288.com-彩福大厦地址| www.022943.com-天下彩票之开奖结果| www.307413.com-好彩网是骗人的么| www.498177.com-彩票如何避税| www.808380.com-优彩彩票怎样充值的| www.3dl.com-手机买黑彩-| www.38030.com-e彩堂合法吗| www.90307.com-成功彩票下载软件| www.728751.com-瑞彩祥云苹果下载| www.358346.com-深圳口袋彩店二维码| www.9576.biz-七星彩开奖号码24| www.67637.com-公务员买彩票违规吗| www.069129.com-河北快三靠什么赚钱| www.269107.com-大资本彩票网址| www.688133.com-九州彩票苹果软件| www.966533.com-竞彩赛果开奖| www.452558.com-陈官体育彩票位置| www.693105.com-快三透视辅助软件| www.875484.com-5分快三计划软件| 乐迎彩票www.691663.com| www.255879.com-天天福彩彩种| www.065513.com-必赢彩票客户端| www.165849.com-快三怎么玩-| www.969718.com-乐彩论谈-| www.530404.com-彩铅画古风眼睛| www.sf64.com-时时彩助手3| www.483491.com-今日说法时时彩骗局| www.665764.com-中国彩票直播下载| www.802766.com-連中彩票-| www.960794.com-80官方彩票-| www.962412.com-福利彩票选号助手| www.oc90.com-彩神密聊号-| www.840791.com-儿童彩妆套装| www.324389.com-乐彩客提现没到账| www.77325.com-e乐彩手机注册登录| www.504689.com-什么叫彩排-| www.659148.com-网易直播七星彩直播| www.859229.com-河南福利彩票3d| www.977519.com-彩票结果公告| www.sl83.com-时时彩官方平台| www.354.cm-网易七星彩开奖直播| www.53263.cc-快三能中多少钱| www.064647.com-88彩票是不是合法| www.789515.com-竞彩足球对冲必胜| www.030221.com-乐彩网排五开| www.51mn.com-苏州福彩中心兑奖处| www.467993.com-今日体育彩票预测| www.392635.com-3d胆码彩票| www.28734.com-cc彩球网注册| www.529796.com-主播彩票开奖| www.au77.com-广西快三号码遗漏| www.590560.com-梦见抓鱼七星彩码| www.327266.com-49彩票平台软件| www.588387.com-体彩七乐彩开奖时间| www.725797.com-大师彩铅画作品欣赏| www.988925.com-微彩彩票下载安装| www.08111.com-体彩竞猜胜负平| www.661783.com-福彩十二生肖网站| www.xa14.com-南国彩票图规规律| www.138148.com-云南体彩网官网| www.888943.com-彩站宝是否合法| www.285020.com-开体彩店赚钱吗| www.17625.cc-十四场足彩竞猜结果| www.365124.cc-风之彩彩票官方网站| www.727581.com-五行预测彩票取数法| www.928017.com-山东十一选五彩经网| www.2907.vip-体彩机选-| www.0cq.cc-体彩胜负彩中奖故事| www.337630.com-手工彩灯制作| www.502730.com-拉个快彩赚多少钱| www.586514.com-糖果派对超级彩金| www.702327.com-足彩软件下载排行| www.069034.com-快三彩票奖金最高| www.83um.com-大师彩票怎么能中奖| www.08330.com-湖南体彩民彩论坛| www.682523.com-广东省体彩发行中心| www.751206.com-彩票巴土-| www.098211.com-3d福利彩票图纸| www.659114.com-福彩3d预测彩票群| www.139448.com-彩38.com-| www.143818.com-得乐彩票app| www.537760.com-彩色面团-| www.cp6680.com-中国福彩app| www.057865.com-河北快三二不同号是| www.98si.com-彩迷联销图-| www.981674.com-体彩大乐透直播| www.879284.com-百盈快三规律破解| www.541568.com-金多彩王中王| www.86jn.com-天天彩票网投| www.56kc.com-贵州多彩博虹面试| www.882.website时时彩大计划群| www.705229.com-体彩实体店厂家报价| www.ob10.com-彩票查询开奖结果| www.589276.com-七星彩加急七金码| www.647234.com-胜负彩购彩技巧| www.696132.com-足彩奖金计算器软件| www.766607.com-箭牌彩虹糖-| www.vp67.com-湖北快三怎么玩最稳| www.91668.com-26期福彩开彩结果| www.2859.top-彩虹糖颜色味道| www.100082.cc-倍喜彩票平台| www.160215.com-海南七星彩梦册| www.3wq.com-55彩票微博日赚| www.366103.com-彩铅嘴巴图片大全| www.809589.com-打彩票的软件排行| www.928630.com-甘肃快三和值走势| www.0300.tv-时时彩任三方法| www.22183.com-c58.彩票-| www.518674.com-惠民彩票是正规吗| www.594778.com-彩票日分红平台| www.130687.com-七星彩出号口诀| www.55399.com-英国彩票-| www.570817.com-新西兰彩票官网| www.710064.com-网络彩票app诈骗| www.793559.com-网上彩票报警有用吗| www.cp9538.com-旺球彩店app| www.186458.com-盈彩网揭秘-| www.1488.date-时时彩怎么做计划书| www.684364.com-福彩三地杀码独醉| www.786253.com-澳门彩票昨晚开什么| www.936315.com-下载福彩三第| www.579174.com-鸿运彩-| www.3014.biz-统一彩票下载| www.417584.com-彩绘龙鸟纹漆盘| www.586374.com-福彩3d九宫格| www.968094.com-西安宝马彩票案结局| www.0941.xyz-彩票app苹果下载| www.82607.com-体育彩票停售时间| www.198595.com-10选5彩票技巧| www.313038.com-038彩票讨论群| 亿发彩票www.605733.com| www.zm7.com-吉林快三高手| www.369382.com-天天中彩栗2019| www.657147.com-彩奕颂女装网店|