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.159583.com-广东福彩快乐彩开奖| www.2543.com-快三黑彩犯法吗| www.288942.com-什么是五分快三| www.397449.com-彩票每年停几天| www.830331.com-分分彩怎么玩可以赢| www.924931.com-凤凰彩票官网app| www.984241.com-福彩快乐十二选五| www.ae41.com-胜负彩19051| www.up88.cc-福彩3d彩吧论坛| www.11xo.com-体育彩票几几年有的| www.82wr.com-下载新浪福利彩票| www.2139.top-彩66app下载| www.188376.com-安徽快三开奖遗漏| www.278831.com-洗手池快三秒热水器| www.381280.com-七乐彩今日开奖直播| www.2775.cc-河北福彩七星彩开奖| www.067578.com-凤凰娱乐彩票可信吗| www.482118.com-长春市体彩开奖| www.569873.com-山东好彩快3| www.356091.com-彩票概率算法| www.508435.com-刷彩对压是什么意思| www.612018.com-南京雪中彩影怎么样| www.750275.com-全民彩票可以玩吗| www.833334.com-彩票店二维码哪里找| www.926394.com-武汉福彩店快3转让| www.997193.com-体彩高频彩-| www.of64.com-快三输几十万| www.34sv.com-七星彩浙江-| www.81yy.cc-竞彩双平是啥意思| www.285697.com-彩票助赢软件好不好| www.034184.com-高频时时彩app| www.861795.com-彩票助手软件| www.991816.com-旺彩彩票3d-| www.gm67.com-内蒙快三彩经网| www.r16.shop-彩票顺口溜怎么说| www.82yx.com-彩云网官方网站| www.42256.com-qq彩钻-| www.554444.cc-关于彩票的广告语| www.681338.com-彩票赌网-| www.847623.com-138彩-| www.986109.com-今日足彩分析| www.fr27.com-福彩快3输了一百万| www.k70.org-体育彩票开奖规则| www.087609.com-五亿彩提现-| www.39982.com-3号彩票苹果版| www.97591.com-时时彩查询开奖结果| www.61036.com-广西快三豹子遗漏| www.068571.com-全国开奖拼搏在线彩| www.145602.com-足彩网胜平负| www.221353.com-时时彩助手旧版| www.713391.com-福彩3d是不是假的| www.804558.com-彩票程序代码| www.878786.com-江西体育彩票大乐透| www.950551.com-105彩票苹果下载| www.997246.com-彩票诈骗立案| www.bf90.com-黑彩平台注册| www.528345.com-新3d彩定位胆| www.997856.com-利彩彩票app| www.42sj.com-苹果原彩有必要开吗| www.743.bid-彩经搜狗彩票走势图| www.6374.cm-彩票易顺百顺正规吗| www.34210.com-好运彩网站合法吗| www.113004.com-百事彩票网址| www.481828.com-福彩开奖结果福| www.82951.com-p3体彩开机号今天| www.8386.bid-福利彩票开奖福利| www.51151.cc-彩之源登录-| www.001530.com-快三中123多少钱| www.63578.com-河南省彩票网官方| www.4of.com-彩票中头奖的秘诀| www.817399.com-买一个彩票网站| www.272757.com-北京彩票开奖公告| www.305137.com-买彩票死守一个号| www.382615.com-足彩19040预测| www.695981.com-尚轩彩票平台| www.818981.com-彩票打票机使用视频| www.884656.com-彩票走势图有规律吗| www.92pz.cc-乐米彩票中大奖截图| www.03yj.com-彩票网注册送彩金| www.68267.com-新未来彩票下载安装| www.59362.com-快三权威平台租用| www.488040.com-福利彩票站需要什么| www.402456.com-彩票摇号机原理| www.40wd.com-彩票站哪天放假| www.1895.vip-500线上彩票下载| www.9376.wang-彩票店上班注意什么| www.6165.cm-竞彩足球必发指数网| www.33ct.com-体彩今天正版天庚图| www.dr6.cc-彩票奖金对照表| www.93972.cc-dd福彩邀请码| www.060614.com-琼海最大私彩老板| www.368750.com-澳彩風情-| www.534889.com-七星彩四定遗留| www.862270.com-k彩手机版注册| www.59cx.com-手写彩票走势图| www.9998.me-体彩重庆-| www.007675.com-体彩排5奖结果| www.84746.com-韩国十分彩是真的吗| www.22ch.com-彩票更改数据端数据| www.509561.com-利彩亲彩票-| www.277851.com-福利彩票奖金| www.nu72.com-天天彩票助手网页版| www.61775.cc-大乐彩票开奖查询| www.804450.com-福州体彩十一选五| www.85398.cc-快三出豹子后出什么| www.990960.com-500cc彩票网| www.853849.com-6合1彩票-| www.935392.com-101彩票平台| www.985098.com-红彩会登录手机版| www.ip7.com-内蒙快三中奖多少钱| www.ou30.com-吉林快三推荐号码| www.133308.com-彩钢皮墙-| www.230199.com-盈彩彩票吧-| www.744178.com-凤翔彩票网站| www.830430.com-微信快乐彩二维码| www.895900.com-永诚彩票邀请码| www.957800.com-福彩新代码-| www.999575.com-福利彩票走势图尺寸| www.77ty.com-中国怎么买美国彩票| www.015771.com-海南七星彩投注网址| www.790083.com-快三如何定胆码| www.561001.com-天涯时时彩论坛| www.893991.com-网彩平台排行榜| www.jh28.cc-安徽快三最大遗漏值| www.61io.com-体彩3d怎么算中奖| www.6596.shop-国外中奖彩票图片| www.999.club-6位数买什么彩票| www.885.me-快三有公式吗| www.799603.com-728彩票登录| www.cai3345.com快三跨度技巧规律| www.36671.cc-彩5网-| www.147722.com-手机福彩迷app| www.715579.com-七星彩怎么玩法赚钱| www.776916.com-彩播是什么直播平台| www.830908.com-快乐彩玩法技巧大全| www.882954.com-80彩票如何赚钱| www.937748.com-注册送28彩票平台| www.984720.com-福利彩8软件| www.cai4922.com甘肃快三开奖号预测| www.gw03.com-093彩票app-| www.241884.com-天天彩票-| www.815961.com-4949天空彩票| www.05123.cc-2019彩票店趋势| www.805441.com-彩票骗局揭秘| www.874712.com-人人中彩票软件| www.936023.com-聚时彩计划聊天室| www.984248.com-深圳福彩官方app| www.cp547.cc-今日上海快三走势图| www.75ul.com-竞彩足球下载哪个| www.607790.com-湖南排列三彩民论坛| www.681455.com-福彩带连线的专业版| www.736262.com-上海彩票官网| www.39ax.com-福建体彩高频走势图| www.55103.com-快三庄家能挣钱吗| www.121688.com-体彩6十1中奖查询| www.48ix.com-福彩logo小图标| www.278330.com-31彩平台-| www.25557.com-彩库宝旧版下载安装| www.397743.com-足球竞彩88-| www.5835.cn-体彩二串一稳赚| www.133334.com-彩色沥青加工工艺| www.776783.com-竞彩大小球-| www.864838.com-华彩咨询-| www.912007.com-天天种彩票可信吗|