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.418101.com-彩虹6号围攻吧| www.77870.com-彩票游戏平台客服| www.604531.com-彩票模拟摇奖软件| www.77un.com-外國人領彩票| www.703369.com-彩票小狂人-| www.21.club-彩票平台存在漏洞吗| www.73346.com-海南彩砖-| www.788208.com-竞彩一些规律| www.381593.com-世彩堂彩票靠谱吗| www.598299.com-八马彩票极速赛车| www.722622.com-16788彩票-| www.916850.com-奔驰彩票真能赢钱吗| www.st2.com-彩种大厅下载| www.vw50.com-体育彩票有唧些彩种| www.xf82.com-好彩3规则-| www.730477.com-彩票上级如何黑下级| www.862888.com-甘肃福彩快3直播| www.954382.com-彩宝彩票安卓安装包| 大赢家彩票平台www.926013.com| www.rf92.com-168彩票安卓下载| www.46ot.com-sk彩票-| 博友彩www.371m.cc| www.187333.com-七乐彩今晚专家预测| www.964525.com-中彩网幸运快三| www.k63.me-信彩分分时时彩计划| www.76yo.com-时时彩第49位| www.884021.com-乐彩网福彩3d| 网易彩票www.077wy.com| www.03ya.com-体彩大乐透| www.282.in-七星彩三字定位包码| www.93gb.com-本子库狂三全彩| www.4278.in-足球彩票19043| www.09hj.com-中国福利彩票假期| www.101152.com-运彩-| www.284244.com-快三香港站-| www.399345.com-彩票开票规则| www.520191.com-青岛福彩郑庄养老院| www.997256.com-哪个软件可以买足彩| www.5203.org-必发彩票信誉第一| www.15651.com-360彩票在线计划| www.67826.cc-公务员中彩票算违规| www.559717.com-彩票开奖时-| www.679208.com-至尊彩网站-| www.159664.com-全天三分时时彩计划| www.695720.com-竞彩平局-| www.826991.com-中国长城福彩| www.920197.com-彩gg官网-| www.983263.com-盈彩网玩抄江苏快三| www.gv5.com-彩票大乐透开奖结果| www.kk0.com-福彩双色球开奖结果| www.274511.com-分分彩大小单双技巧| www.077277.com-肖立刚快三推荐今天| www.150324.com-彩票818正规吗| www.218234.com-百盈快三规律| www.949512.com-厘彩票-| www.83296.com-体彩e足球-| www.554054.com-卖彩票宣传语| www.675327.com-四川体育彩票网站| www.801285.com-彩票充值送彩金平台| www.xi34.com-七彩链接-| www.475643.com-汇腾盈彩彩票| www.988385.com-甘肃快三开奖规则| www.py60.com-518官方彩票网投| www.707608.com-大奖快3彩票| www.817803.com-分分彩官网开奖| www.882205.com-彩90彩票-| www.5783.biz-手机即时开彩app| www.300007.com-人人爱彩票手机安装| www.385536.com-易彩堂提现系统繁忙| www.29lo.com-彩吧3d胆码图| www.980767.com-附近的福利彩票| www.920257.com-河北快三靠什么赚钱| www.55287.cc-时时彩必中后二| www.661634.com-足球竞彩太难中了| www.082410.com-一分快三靠谱吗| www.72570.com-体肓彩票-| www.257671.com-甘肃福彩网-| www.349827.com-彩神计划王-| www.424256.com-三国杀星彩皮肤| www.521185.com-台湾福星彩当期资料| www.31151.cc-彩票专业分析| www.936106.com-安装七星彩够力长条| www.037568.com-爱投网彩票客户端| www.85we.com-玩彩票如何看趋势| www.733872.com-福彩3d奖金对照表| www.808041.com-足球竞彩赛事直播| www.878868.com-世界杯彩票玩法规则| www.948549.com-快三回血qq群| www.992259.com-包头市福彩中心| www.ru9.com-集锦福彩快三走势| www.ss21.com-五分时时彩真假| www.088509.com-足彩单场胜负彩预测| www.293200.com-河南体彩481技巧| www.520652.com-可靠彩票的网投平台| www.hz98.com-十分彩下载-| www.b93.top-帮我查一下时时彩| www.49cm.com-3d和值遗漏乐彩网| www.911300.com-k彩正规吗-| www.94jz.com-欧州彩票开奖号码| www.28615.cc-中奖容易的彩票| www.ix92.com-中国体育竞彩网| www.422128.com-南宁哪里领体彩奖| www.684788.com-富贵彩票可靠吗| www.777193.com-国彩网网站登录入口| www.846583.com-pc蛋蛋彩票网址| www.906601.com-彩票店名字-| www.981474.com-易彩我-| www.k74.net-500彩票解码器| www.56zp.com-体彩报纸哪里订| www.63396.cc-福彩365彩票网| www.152605.com-中国彩吧开奖结果| www.660620.com-九宫五行测彩票方法| www.393015.com-湖南福彩动物| www.502940.com-欧洲杯竞彩网| www.683065.com-燕赵福利彩票排列七| www.822285.com-随州福彩-| www.904128.com-快三复试彩票怎么玩| www.972487.com-游彩网app下载| www.cai7373.com如何看懂快三走势图| www.934.cm-7星彩怎么玩| www.77ce.com-七星彩摇一摇选号机| www.949623.com-快彩荐号专家app| www.388096.com-华彩考级音乐百度云| www.496705.com-小米8彩蛋-| www.556012.com-新加坡博彩批准| www.629004.com-福彩双色球奖池余额| www.689536.com-51彩票怎么注册| www.505329.com-350彩票大厅| www.4612.biz-买彩票现实吗| www.24223.com-亚洲彩票怎么样| www.949250.com-中国彩票快三真假| 名门彩www.33997c.com| www.66318.cc-福彩3d网站大全| www.023679.com-多网彩迷-| www.og70.com-宝马彩票手机版| www.838214.com-彩票吧app下载| www.4606.cc-彩票咋买才能中奖| www.278194.com-三分彩开奖-| www.378367.com-6号彩票app-| www.3867.cn-广州体彩兑奖中心| www.ih27.com-51中彩彩票下载| www.67vx.com-上海彩色混凝土| www.567555.com-天津津南区福彩中心| www.33gv.com-好的足彩篮彩推荐| www.532308.com-山东的一个彩票老师| www.27641.com-好彩客苹果版和安卓| www.451320.com-福建体彩排列三开奖| www.904122.com-华尔兹快三跳法| www.kh05.com-山东彩票开奖结果| www.8646.cc-中乐彩平台网| www.63667.cc-唯彩预测-| www.122993.com-福彩公益金使用| www.26195.cc-为什么彩虹是弧形的| www.525533.com-重庆时时彩关闭了| www.vq05.com-体彩6十1中奖规则| www.1229.net-重庆时时彩计划手机| www.12253.com-105彩票网论坛| www.590202.com-竞彩足球场次| www.131434.com-郑州彩礼6万6| www.y03.top-奥客彩票开奖| www.xt14.com-彩虹六号玩家后遗症| www.84217.com-七星彩解梦-| www.151353.com-黑色衣服能用彩漂吗| www.225961.com-天天中彩票网络骗局|