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.872793.com-遵义体彩领奖| www.59009.cc-中彩易下载地址| www.95385.com-聚鑫彩票网站| www.562030.com-福彩3布衣图库| www.6558.in-中国彩票都是假的| www.889181.com-如意彩票网登录号| www.cai1155.com福彩快3玩法| www.555346.com-华彩1到3级-| www.326965.com-鸿发彩票网址| www.420789.com-下期福彩3d幸运码| www.549544.com-足球彩票在哪里能买| www.634848.com-重阳阁七彩建盏| www.810578.com-最好的彩票书籍大全| www.017986.com-彩票投注资金计划表| www.168757.com-快三中奖规则| www.312442.com-七乐彩预测专家| www.310816.com-杜新会奇门测彩票| www.0812.date-竞彩店加盟-| www.572137.com-印尼分分彩真的假的| www.968694.com-找重庆时时彩微信群| www.ta2.cc-快三走势分析预测| www.8763.cc-七星彩号码推荐软件| www.254214.com-吉林快三黑彩骗局| www.659567.com-中国足球彩票网下载| www.805392.com-金彩彩票是不是骗局| www.107.com-500彩票黑彩| www.8529.site-时时彩去哪个网站买| www.347743.com-福彩时时彩在线开奖| www.286863.com-时时彩在线算号工具| www.786353.com-大赢家彩票网址主页| www.972246.com-8k彩票计划-| www.ta83.com-彩票数字一共几位数| www.27ze.com-时时彩兼职是真的吗| www.8dy.cc-体彩排列五中奖金额| www.535975.com-什么彩票是7位数| www.051580.com-京剧催祥云驾瑞彩| www.80hu.com-九号彩票夜色吧| www.954012.com-体育彩票软件可靠吗| www.bs99.com-彩吧助手吧-| www.008839.com-彩票采集器修复教程| www.635371.com-澳门博彩罪案| www.76zp.com-天津南开彩票站转让| www.8832.com-足球胜负彩14场| www.5610.cm-福利彩票充值卡| www.6722.cc-广东好彩3技巧| www.36094.com-678彩票网是骗子| www.351272.com-为什么打竞彩一直输| www.628202.com-玩彩票有赢家吗| www.749050.com-网上在哪买彩票| www.821005.com-室外彩色混凝土| www.890131.com-nba体彩竞猜| www.956512.com-新未来彩票平台| 万利www.32123s.com| www.75448.com-牛彩网双色球| www.696176.com-3cp上彩票平台| www.777337.cc-彩票工作工资高吗| www.853369.com-连中彩票和易宝支付| www.919102.com-外围彩票安全吗| www.975037.com-七星彩图纸下载| www.cai3811.com安徽快三遗漏| www.my58.com-快三数据分析app| www.769688.com-好彩彩票ios| www.867283.com-v8时时彩取消了吗| www.937791.com-快三必出号技巧| 头条彩票www.58870t.com| www.kf05.com-福利彩票奖励规则| www.f20.cc-七星彩开结果奖今天| www.61cv.com-心脏彩超pg-| www.0176.pw-彩色有几种颜色| www.16221.com-宾果彩票-| www.71143.com-福彩福彩开奖| www.211989.com-两分快三是真的吗| www.282284.com-时时彩止损止盈规划| www.51288.cc-淘宝彩票客户端下载| www.008461.com-胜负彩19035| www.437.in-极速快三和值技巧| www.tb0.com-彩经网走势图| www.732115.com-彩票长期守号有用吗| www.705210.com-皇帝彩票娱乐| www.885376.com-彩宝app官网| 福彩www.16878f.com| www.3141.cm-福彩3最大值走势| www.8927.loan-2356彩票app| www.43369.com-旺旺彩票公司| www.67566.com-足彩19042分析| www.117089.com-今日竞彩篮球比分| www.238369.com-趣客站网彩是什么| www.353301.com-移动梦网炫彩版| www.598678.cc-中彩网双色球视频| www.669810.com-极速快三软件外挂| www.971884.com-创彩网是什么| www.br09.com-至尊快三-| www.41aj.com-牛爹七星彩-| www.2390.vip-彩票开奖新闻| www.23152.cc-彩票猜大小的规律| www.382938.com-2月16日体育彩票| www.511246.com-彩虹的繁体字| www.975124.com-彩票什么计划最准| www.dh69.com-七乐彩中奖规则查询| www.g05.top-大数定律公式与彩票| www.77nn.com-掌上福彩宝典官网| www.7007.com-竞彩258球迷| www.000140.com-好彩数码印刷官网| www.683733.com-彩票灵异事件| www.809196.com-福彩中奖几率是多少| www.881314.com-福彩3d千禧图谜| www.957481.com-248彩票平台| www.cp843.com-体育彩票开奖结果| www.a15.biz-怎样下载新浪爱彩| www.47au.com-竞彩代理-| www.857.cm-时时彩怎么选号最好| www.6858.cc-体彩飞鱼口诀汉字四| www.083306.com-幸运中彩票下载安装| www.782196.com-最新彩彩票开奖结果| www.850537.com-快三是不是假的| www.904163.com-合买彩票有猫腻| www.966344.com-福彩帮投兼职导师| 8号彩票www.60108t.com| www.888895.com-快三怎么砍龙顺龙| www.992767.com-北京福彩代理| www.gv50.com-彩16安卓版下载| www.539495.com-如何选碗釉中彩| www.255360.com-网络彩票大发快三| www.098842.com-福彩包括哪些| www.14wt.com-七星彩忍者图规| www.cp8888.cc-福彩红快3-| www.6322.cm-福彩3d双胆软件| www.035453.com-至尊天下彩票| www.9932.cn-彩票三等奖多少钱| www.145718.com-152彩票靠谱吗| www.313603.com-好彩客官网方下载| www.779235.com-福彩半仙绝杀一码| www.984061.com-老猫研彩-| www.sb18.com-体彩独胆必下胆| www.41dm.com-体育彩票放假时间| www.0817.bid-足球彩店app下载| www.9577.online3d福彩今日谜语| www.416816.com-亚洲最大彩票顺丰| www.552769.com-玩彩票有什么技巧| www.692100.com-彩票网站系统出租| www.881496.com-辉煌彩票靠什么赚钱| 福利彩票www.99677i.com| www.zn25.com-唯彩看球-| www.974503.com-体彩大乐透预测号| www.mb12.com-好运彩彩票平台| www.22hz.com-高频福彩pc-| www.2897.cm-彩票美女范美xi| www.02477.com-网易彩票中奖号码l| www.682184.com-微信彩友团出票| www.rp53.com-广西快三一定牛网站| www.57cg.com-怎么做彩票代理加盟| www.440588.com-福彩3d玄机图| www.582274.com-彩神8是正规平台吗| www.88ns.com-1980彩-| www.026104.com-77彩票网-| www.857168.com-菲律宾博彩牌照查询| www.44lv.com-七彩影院影讯| www.61212.cc-安全可靠彩票网投| www.wh24.cc-体彩历史开奖号| www.wv79.com-体彩任三玩法| www.77014.com-丽彩集团有限公司| www.064084.com-海南私彩老板| www.199697.com-褔建彩民论坛| www.5126.cn-福利彩票史上最大奖|