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天

知道了
亚洲28 www.933052.com-快乐中彩票下载安装| www.lw6.com-快三中奖查询表| www.ty16.com-怎么看彩票长龙| www.913166.com-彩客彩票真实吗| www.bn45.com-下载易彩彩票| www.5kg.cc-徐文轩彩票官方网站| www.e01.xyz-足彩8串1好中吗| www.069947.com-彩票3d带线走势| www.461693.com-双色球万彩吧| www.288590.com-500全国彩票开奖| www.276832.com-时时彩二星看号经验| www.292210.com-电话购彩票流程| www.78774.com-西赵口彩吧晚报另版| www.697393.com-七星彩头尾一赔几多| www.816965.com-搜狗快三-| www.906172.com-福彩三d的网站| www.513637.com-时时彩五星复式5码| www.99cl.com-万豪国际博彩论坛| www.118799.com-哪个彩票最容易中| www.297953.com-上海快三登录| www.393222.com-春天彩铅画图片大全| www.7238.tv-易算彩43-| www.496008.com-小米系统彩蛋| www.690671.com-足彩19045推荐| www.835506.com-139彩票网正规吗| www.959448.com-乐猫彩票1001| www.602484.com-瑞典2分彩-| www.wx41.com-福彩七乐彩中奖概率| www.570798.com-愚人节彩票中奖骗局| www.951804.com-彩神争霸888| www.045955.com-湖北福利彩票申请| www.150970.com-乐彩c1818-| www.233413.com-体彩快中彩开奖| www.171108.com-彩票十选五怎么玩法| www.320933.com-彩票开奖编辑软件| www.9906.cm-中国竞彩网专家推荐| www.3256.cn-鸿运乐彩-| www.666355.cc-乐彩网彩票安全吗| www.9688.win-梦见中彩票-| www.5553.cn-南京雪中彩影摄影| www.94tw.com-大佬彩票网站| www.851331.com-时时彩最稳根几期| www.948737.com-福彩3的多彩网| www.pr38.com-彩吧3d预测-| www.94pj.cc-彩播怎么注册| www.6731.biz-佳能彩色打印机价格| www.099085.com-足彩北单怎么买| www.7760.org-翼彩宝客户端下载| www.62115.com-昨日福彩开奖结果| www.121751.com-微信中华彩破案| www.250818.com-全能预测彩票软件| www.058429.com-彩界联-| www.273226.com-彩票中心工作如何| www.376967.com-七星彩安然预测| www.356828.com-黑龙江福彩36选7| www.670612.com-体彩排列五的走势图| www.780487.com-爱彩票网-| www.875314.com-安徽福彩快三一定牛| www.952691.com-顺丰丰彩中奖几率| 95彩票www.695a.cc| www.ed57.com-2元彩票怎么看中奖| www.880815.com-搜福利彩票双色球| www.962423.com-福利彩票随机选的| PK彩票www.www.23040.com| www.hu59.com-搜北京快三走势图| www.xw56.com-彩宝官方苹果下载| www.35ju.com-周三买什么彩票| www.334.pw-黑彩破解软件| www.299301.com-爱乐透彩票网| www.78339.cc-乐享竞彩是什么| www.456007.com-彩票至尊宝典下载| www.9257.biz-陕西福彩提现不到账| www.63301.com-飞彩体育网-| www.010090.com-彩票店加盟费| www.071138.com-足彩分析师招聘| www.650121.com-小班游戏教案彩虹伞| www.799171.com-8d彩票-| www.877679.com-六台彩迷宫4836| www.948715.com-吉林省快三微信群| www.cp536.com-资金安全的快三平台| www.10be.com-中博彩票下载安装| www.9992.bid-贵阳彩色压印混凝土| www.501820.com-彩票机使用方法| www.500511.cc-复式彩票号码怎么看| www.570695.com-好彩734cc-| www.667033.com-33cc彩票-| www.009235.com-体彩排列3口诀| www.258817.com-彩票随机号码生成器| www.392382.com-湖北福彩无纸化| www.322134.com-福彩3d中奖神器| www.480809.com-喝彩中华评委都有谁| 优点彩票www.139630.com| www.430922.com-宿迁市彩礼标准| www.569367.com-皇家科技彩库宝典| www.654327.com-够力彩梦册查码大全| www.952964.com-广东新粤彩报| www.596020.com-福彩瑞是什么| www.670198.com-风采风彩区别| www.8195.biz-彩93下载苹果版| www.197699.com-彩宝网走势图| www.323873.com-万达彩票合法吗| www.678165.com-彩票店员工工资待遇| www.789199.com-澳洲三分彩人工计划| www.869088.com-湖南体彩彩民论坛| www.956654.com-打彩票打错了的公告| 中国福利彩票www.34788l.com| www.ed69.com-九州平台全球彩票| www.xx01.com-彩六官网-| www.996282.com-好彩0567靠谱吗| www.fh36.com-彩票平台送彩金活动| www.zm63.com-ip代玩彩票骗局| www.667611.com-吉祥彩j05005| www.742226.com-什么是公彩-| www.806768.com-体彩彩票是正规的吗| www.871451.com-易彩彩民登陆| www.951695.com-红彩app安全吗| www.ja5.com-内苎快三-| www.ph63.com-海南快三一天多少期| www.733763.com-河南彩票481玩法| www.193506.com-分分快三单双技巧| www.739504.com-竞彩投资技巧| www.026894.com-福利彩票刷流水兼职| www.131451.com-49彩票是骗人的吗| www.777123.com-锋彩直播ios| www.811369.com-江苏快三怎样看大小| www.240077.com-重庆时彩注册网址| www.75od.com-专业古建彩绘图片| www.852468.com-南国体育彩票论坛| www.718933.com-彩虹羽泉-| www.127840.com-彩虹哥收号-| www.239169.com-刷彩是什么兼职| www.kn41.com-极速时时彩开奖历史| www.03or.com-安徽彩票兑奖地址| www.86ri.com-9b彩票会员登录| www.2499.vip-福彩和大乐透| www.8078.biz-永利彩票微信登录| www.637536.com-上海体彩站点电话| www.745712.com-棒棒彩票大发3| www.808080.com-中国官方足球竞彩网| www.868808.com-七星彩前4个规律| www.925653.com-天空彩票彩富网| www.975338.com-网上博彩黑平台套路| www.81950.com-中发彩票联系方式| www.379838.com-福彩3d连线报| www.7569.biz-福彩计划三天必下| www.978984.com-江苏体彩超级大乐透| www.in46.com-买福利彩票-| www.261335.com-八马彩票-| www.327143.com-鸿瑞彩票合买是托吗| www.412392.com-彩钢棚-| www.496789.com-下载58彩票com| www.033555.com-七乐彩现场直播开奖| www.34mc.com-彩票平台代理加盟| www.490519.com-淘宝上买彩票| www.987337.com-福利彩票去哪兑奖| www.3988.tv-网投平台博彩反水高| www.06439.com-打黑彩票欠庄家钱| www.022743.com-新版本约彩365| www.am71.cc-快三助手苹果手机版| www.34633.com-众彩网子墨预测| www.9534.loan-四位数字彩票| www.33626.cc-彩票3d和值尾技巧| www.99155.cc-时时彩为什么输| www.081174.com-足彩投资骗局|