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天

知道了
1分快三 www.147033.com-迷彩虎下载-| www.295411.com-彩吧吧全图-| www.383452.com-完整比分彩客网首页| www.602825.com-百乐彩合法吗| www.688387.com-南宁福彩十佳投注站| www.778356.com-彩助手缩水工具| www.896377.com-七星彩开奖公告查询| www.972689.com-彩铅画简单风景| www.sn0.com-福彩图标-| www.st65.com-7星彩玩法图表| www.23wl.com-福彩50倍-| www.792.date-体彩店竞彩赚钱吗| www.5875.wang-体彩可以手机兑奖| www.18217.cc-致富彩网站-| www.66220.com-双色球预测牛彩| www.068096.com-1分时时彩人工计划| www.143645.com-玩黑彩犯法吗| www.225356.com-网上买时时彩被骗| www.308758.com-如何申请彩票投注站| www.385769.com-体彩周末可以兑奖吗| www.562553.com-威尼斯人手机彩票| www.639422.com-买竞彩足球亏死了| www.751527.com-今晚几点开体育彩票| www.830515.com-福彩双色球摇号器| www.906802.com-中国合法彩票有哪些| www.974899.com-军人买彩票是否违法| www.ec72.com-三分钟即开彩票骗局| www.xn56.com-易旺彩票手机版| www.24jk.com-汽车贴彩大全| www.0342.pw-手机如何购买体彩| www.7658.shop-体彩销售台-| www.30891.com-上海体彩11选5开| www.78966.com-178彩票客户端| www.033620.com-做彩票帮投是真的吗| www.155681.com-中华购彩网邀请码| www.254555.com-爱乐彩票安卓系统| www.334200.cc-天津体彩11选五组| www.417566.com-彩票站整体出兑| www.522430.com-腾讯分分彩西瓜计划| www.596978.com-最新彩票走势图大全| www.673817.com-古建彩绘图案大图| www.756290.com-哪个app能买竞彩| www.908765.com-福利彩报-| www.973671.com-123彩票频道| www.ho5.com-高频彩合买-| www.pv11.com-go彩票违法吗| www.04jw.com-高鸿彩票网-| www.78lj.com-快5是福彩吗| www.1759.vip-私彩2015-| www.9950.loan-福彩3d诗句-| www.56112.com-七星彩能不能中奖| www.005374.com-内蒙古体彩11选五| www.077185.com-国外有高频彩票吗| www.143400.com-福利彩8在哪发计划| www.220589.com-旺彩网官网下载安装| www.298561.com-甘肃省体彩兑奖地址| www.369024.com-网络彩票分析师骗局| www.466291.com-七乐彩往期回顾| www.555711.com-七乐彩奖池哪里查| www.629186.com-竞彩网胜平负| www.700747.com-彩套印刷-| www.781413.com-爱彩彩票平台| www.859363.com-彩票坊我的账户| www.927610.com-彩票开奖费-| www.985388.com-今晚关小刀足彩推荐| www.cp5536.com-北京快三推荐预测号| www.ng71.com-皇都彩票会不会跑单| www.8ct.com-顶呱刮彩票技巧| www.67vk.com-体育竞彩投注app| www.1133.vip-竞彩比赛取消怎么算| www.9565.in-手机玩彩票合法吗| www.45755.cc-足球彩票平台哪个好| www.85852.com-附近那里有彩票站| www.039658.com-会员登陆9b彩票| www.162025.com-v8汇彩网-| www.269440.com-三分彩玩法-| www.365975.cc-油性彩铅哪个牌子好| www.449191.com-网络彩票亏损包赔| www.530358.com-所有时时彩开奖号码| www.706612.com-彩票没中过-| www.773580.com-谁有全民彩票群| www.888842.cc-鹤壁彩票中奖| www.980454.com-彩玲下载-| www.no3.com-河南快三任意俩码和| www.qf22.com-彩77ios-| www.02ib.com-新盈彩下载安装| www.71zx.com-大乐透彩票新闻故事| www.1088.xyz-中彩票收米照片| www.8898.cm-江苏竞彩足球兑奖| www.42257.com-红彩会官网app| www.88287.cc-爱彩彩票抢红包| www.040887.com-派彩走势图免费版| www.143755.com-乐八彩票靠谱吗| www.217600.com-大发快三破解版下载| www.288886.com-彩票名词花色| www.390801.com-8号彩票软件下载| www.512691.com-水溶彩铅插画| www.581150.com-彩票振幅是怎么计算| www.653552.com-玖亿彩票下载| www.757227.com-乐八彩票官网| www.842638.com-公益彩票金如何使用| www.908255.com-大发快三的玩法| www.968414.com-希腊时时彩软件| www.cp9772.com-青海快三历史走势图| www.mw05.com-中彩网福彩-| www.y97.net-中彩股份的福利彩票| www.52yv.com-皇朝国际娱乐时时彩| www.759.tv-时时彩的和值怎么看| www.4379.com-高频彩票极速飞车| www.9510.in-彩色沥青混凝土比重| www.71669.cc-福彩3d天天开奖| www.028829.com-五行绝算彩票| www.101327.com-官方快三大小作假| www.163652.com-娱乐扑克彩票机| www.265973.com-安徽快三三不同号| www.351201.com-彩31平台是真的吗| www.424742.com-赢彩彩票买不了| www.517455.com-彩票最大中奖金额| www.582290.com-网冠彩票平台| www.650450.com-时时彩代理刷量技巧| www.771736.com-澳洲国际时时彩| www.855385.com-七星彩能买复式的吗| www.913791.com-万彩网坑人-| www.969988.com-双彩网网址导航| www.cp8186.com-福利快3彩票| www.lp61.com-福彩作弊事件| www.d11.org-体彩江苏7位数彩票| www.25ix.com-体彩机转让-| www.782.cm-彩民之家抓码图| www.4222.xyz-优乐彩不能登录| www.9092.xyz-香港彩民之家| www.54574.com-彩吧助手app下载| www.94338.com-竞彩篮球的可靠软件| www.047911.com-竞彩报个人微博| www.138760.com-体彩中奖上哪领奖| www.209654.com-福彩旗下的快开彩| www.272448.com-北京快三福彩| www.439955.cc-彩票2o1-| www.523958.com-重庆时时彩十分| www.609588.com-体育彩票店怎么转让| www.672267.com-彩客骗局揭秘| www.737981.com-彩视电脑版能用吗| www.800440.com-1号彩票官网| www.867560.com-海南省七星彩坛论| www.923679.com-秒速快三规律怎么找| www.974834.com-特区彩栗论坛精选| www.hj27.com-体育彩票app| www.wn23.com-头奖彩票贴吧| www.05or.com-体彩四码星星遗漏| www.64rm.com-2017足彩交流群| www.899.gg-法师如何看待彩票| www.4375.vip-陇南中彩票-| www.8829.org-香港买的意大利彩金| www.68140.com-体育竞技彩票倍投| www.021372.com-哪个博彩返水高| www.080994.com-大吉彩票网-| www.133627.com-彩8苹果下载软件| www.198170.com-3d新彩网-| www.256129.com-全球彩票历史版本| www.316991.com-福彩中奖规则图片| www.375369.com-七星彩海直播| www.548335.com-彩之家大发快三| www.619968.com-体彩有多少种组合| www.678741.com-米兜彩票神单分享|