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.489.win-分分彩5星漏洞教程| www.808745.com-足彩任九场开奖结果| www.940402.com-七星彩开奖第48期| 网易彩票www.07163y.com| www.03bs.cc-手机山东体彩客户端| www.571214.com-红快三360-| www.661260.com-霍华德彩票定律| www.740342.com-安微快三计划| www.840102.com-足彩一球盘解析| www.947428.com-西赵口彩吧-| www.mx28.com-中彩网快三一分快三| www.7kw.com-送彩票什么含义| www.06694.com-双彩论坛字谜最大| www.59400.com-彩铅画简单入门教程| www.057963.com-双彩追加和值谜汇总| www.326352.com-网易彩票红球杀号| www.85889.cc-星彩网是真的吗| www.358759.com-五位数的是什么彩票| www.r82.com-快三助手好用吗| www.365566.cc-彩铅人物画-| www.545131.com-爱乐透彩票手机版| www.630700.com-冰蓝薄荷爆珠好彩| www.726025.com-购彩者手机在线河北| www.812992.com-福彩3d和值表全部| www.894981.com-海南体彩手机购彩| www.971655.com-下载彩票248| www.kx3.com-安徽联网快三遗漏| www.xy06.com-bu彩票-| www.58336.com-牛彩网杀号-| www.250142.com-彩84app-| www.190632.com-乐购彩票正规吗| www.738285.com-墨菲定律应用于彩票| www.867307.com-福建快三开-| www.954429.com-中国彩宝网-| 8号彩票www.60108b.com| www.171766.com-贵州省福彩兑奖中心| www.014064.com-七星彩360杀号| www.326962.com-全国彩票试机号| www.53713.cc-重庆时时彩破改版| www.021146.com-老谢说彩双色球定位| www.108736.com-七星彩开奖号吗| www.197933.com-福利彩票开奖大全| www.274098.com-时时彩宝典版本| www.355727.com-体彩亿元大奖排行| www.475868.com-1分钟快三规律| www.557967.com-zg彩票网app| www.369873.com-博彩支付接口判刑| www.332900.cc-快乐彩票靠谱吗| www.29pj.cc-厦门福利彩票站点| www.023158.com-福彩3d奖金介绍| www.358495.com-白小姐的彩票规律| www.qa83.com-093彩票官方版| www.05me.com-3d彩组六必中| www.73km.com-三d体彩开奖结果| www.2004.vip-易彩娱乐线路测试| www.7532.bid-老梁说彩票造假| www.23927.cc-双色球众彩网预测| www.66833.com-中国福彩中心在哪| www.018718.com-竞彩虚拟足球走势| www.087880.com-试机号双色球开门彩| www.1mm.cc-河北省彩票兑奖在哪| www.gd7.cc-彩票一般几位数| www.c84.space-百宝彩下载-| www.30sl.com-周五有什么彩票开奖| www.52325.com-好彩网是真是假| www.009788.com-长红彩票app| www.096059.com-体彩七星彩推荐号码| www.172729.com-快三软件哪个好用| www.267565.com-甘肃快三软件| www.482783.com-京东惠彩-| www.398686.com-赢彩王账号-| www.562673.com-爱米彩票助手| www.669591.com-实名制购彩-| www.755092.com-中彩网北斗今日预| www.844993.com-福利彩票常识| www.936649.com-福彩终端机押金多少| www.rf38.com-彩票任三-| www.2194.shop-环球彩票不给取钱| www.32882.com-下载内蒙福彩一| www.021875.com-亿元彩票的故事| 大赢家彩票www.799425.com| www.87100.com-12快乐彩开奖结果| www.22661.cc-我一朋友破解私彩| www.923707.com-秒速时时彩计划群| www.n92.cc-五分彩诀窍-| www.580218.com-成都福彩中奖规则| www.04pa.com-即将开彩-| www.47669.cc-七星彩解梦册查询| www.512031.com-彩铅难不难-| www.334966.com-福利彩票是真是假| www.397419.com-彩客网足球彩票预测| www.705644.com-可以异地兑换彩票吗| www.910665.com-著名双彩论坛三句话| www.254829.com-体彩任选三-| www.3313.cn-五分彩个位规律公式| www.685828.com-工行银彩通-| www.840006.com-传统彩是怎样的| www.957457.com-红牛彩-| www.sa1.com-体彩上海11选5| www.xq47.com-七星彩19039期| www.59bb.com-体彩大乐透购买方法| www.277899.com-腾讯彩票合法吗| www.6305.org-3d乐彩网高低图| www.72585.cc-天天福彩3d报纸| www.058179.com-彩报忠心-| www.963282.com-线上彩票合法吗| www.795370.com-福彩3d领奖流程| www.79556.com-福彩3d折线图正版| www.535685.com-彩票需要几个数字| www.81ke.com-新粤彩报免费资料区| www.548438.com-那个网站送88彩金| www.558125.com-8888彩票下载| www.618471.com-开体彩店标准| www.688736.com-彩29网址-| www.25ef.com-中国福彩杀三码专区| www.884.me-彩铅手绘星空图片| www.37lc.com-网咯彩票怎么玩法| www.ya39.com-四川福彩-| www.34808.cc-日本彩票开奖网址| www.23988.com-彩票双色球怎么买| www.69416.com-518彩网登录| www.570116.com-亚博彩票线路检测| www.637056.com-彩虹5无人机视频| www.703346.com-lol彩票广告| www.773852.com-小班彩虹伞亲子游戏| www.838919.com-河南体彩高频走势图| www.893095.com-休育彩票排例五| www.949017.com-福彩平台刷流水| 乐迎彩票www.tang444.com| www.211642.com-网络快三是合法的吗| www.288327.com-手机彩票哪个最靠谱| www.353226.com-彩票行家con| www.415789.com-七彩阳光音乐下载| www.505599.com-彩票娱乐登录| www.31276.cc-日本彩票广告主演| www.020254.com-亚博彩票网站是什么| www.150164.com-快三最笨买法| www.mg61.com-爱乐彩十一选五| www.70dj.com-快彩走势图更新不了| www.al80.com-彩票中奖查询明细表| www.693.cn-体育彩票店哪种好| www.078685.com-恒彩88-| www.166844.com-快三玩法技巧| www.44165.cc-乐58彩票是真的吗| www.315031.com-竞彩网计算器胜平| www.424876.com-大家赢彩票网正规吗| www.589279.com-七星彩票长条| www.203790.com-彩票500官方网站| www.466189.com-2628彩票骗局| www.170508.com-易彩-彩民福地登录| www.260663.com-福彩3d怎么兑奖| 500万彩票www.5441i.com| www.061993.com-快乐扑克彩神通软件| www.507047.com-体彩二元网走势图| www.567700.com-二四六天天好彩玄图| www.618560.com-胜负彩直播开奖| www.671164.com-三彩新品-| www.739060.com-分分彩挂机怎么设置| www.791422.com-排列三彩经网开机号| www.850917.com-时时彩二星跨度技巧| www.896787.com-五分彩官方走势图| www.948046.com-福彩3d专家短信| www.981722.com-各类彩票中奖率高| www.xw06.cc-永盛彩票app|