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天

知道了
彩票123现在叫什么名字 www.67je.com-太原彩票中心在哪| www.6355.wang-张灯结彩的意思| www.26688.com-七星彩打法技巧| www.78255.cc-荆州快三开奖| www.041501.com-福彩3d湖南江南彩| www.119221.com-竞彩专家推荐号| www.191230.com-彩票走势怎么分析| www.266283.com-久久发彩网-| www.502786.com-多彩投类似的平台| www.575221.com-糖果彩是不是骗人的| www.649187.com-体彩图谜画谜总汇| www.818137.com-足彩19026推荐| www.900432.com-用六十甲子推算彩票| www.972554.com-星空彩铅画-| www.pe81.com-268彩票下载| www.7to.com-彩票近期中大奖人| www.73vq.com-彩铅画荷花教程图解| www.1984.vip-怎样买彩票中奖| www.8090.com-8828彩票登陆| www.33605.com-新手买什么彩票合适| www.82558.cc-彩票与你同行| www.042700.com-过年不能买足彩| www.201268.com-七星彩加减乘除法| www.281136.com-时时彩长线追号法| www.384955.com-d9彩票d9-| www.515191.com-中国彩票真假问题| www.594228.com-彩神计划手机版下载| www.674422.com-l搜狗彩票走势图| www.759572.cc-中华彩票下载| www.883019.com-快三一等奖多少钱| www.968467.com-新加坡彩票怎么买| www.cai4855.com江苏快三推荐| www.np10.com-彩票幸运选号| www.00aa.com-优购彩下载地址| www.75ua.com-竞彩篮球彩票官网| www.1795.org-福彩3d布衣字谜| www.38119.cc-3d跨度走势大彩网| www.87239.com-33彩票网站是多少| www.050935.com-彩79官网下载| www.161309.com-石家庄福彩有限公司| www.256852.com-官方彩票软件有哪些| www.335207.com-买彩票app那个好| www.416668.com-cp900彩票网| www.523135.com-刷彩赚钱靠谱吗| www.647687.com-全国福彩开奖信息| www.740896.com-彩票5官网下载| www.821215.com-广西淘宝快三| www.899970.com-天天彩怎么下载| www.968297.com-澳洲时时彩网址| www.bl60.com-永乐彩票是真的吗| www.ur43.com-下载鸿彩手机app| www.11de.com-8839彩票-| www.83sk.com-五位数的彩票有哪些| www.2399.com-青蛙彩票导航| www.8213.cc-玖富彩票怎么下载| www.30150.cc-网易彩-| www.74949.com-统一彩票是真是假| www.043955.com-彩票二维码扫描| www.207101.com-彩票口诀-| www.280448.com-彩乐乐网站安全吗| www.381964.com-彩仙阁挂机说明| www.513058.com-好运来彩票赚钱| www.585882.com-福彩快三单双大小| www.660996.com-南方彩票手机| www.777261.com-锋彩直播最新破解| www.869271.com-七星彩怎么中奖法| www.954218.com-万博彩票官方网站| 福彩www.86267g.com| www.fl86.com-澳客足球彩票官网| www.xr41.com-彩票站买彩票流程| www.19pv.com-安徽彩票怎么玩法| www.0163.tv-中彩网排列三走势图| www.6722.cm-彩票输了一千多万| www.21496.com-彩票网站突然进不去| www.65582.cc-好彩1app-| www.046616.com-天天彩票开奖下载| www.130654.com-重庆时时彩骗局模式| www.207885.com-软件彩票大全| www.280878.com-中国竞彩网首页官方| www.385175.com-梦到买彩票号码| www.506279.com-彩票ddcc-| www.576147.com-体彩组六七码遗漏| www.649900.com-线上博彩合法化国家| www.757156.com-上海快三走势图一定| www.842580.com-福彩工作心得体会| www.909093.com-彩吧3d第三版| www.971475.com-中国彩票最新开奖| www.dj01.com-百宝彩电子走势图| www.ut32.com-信誉私彩平台| www.04su.com-初学彩铅买多少色的| www.72qh.com-济宁福利彩票| www.1120.vip-玩彩屠龙是什么意思| www.9569.loan-3d福彩双双字谜| www.50566.cc-ag333爱购彩| www.92287.com-彩客网竞彩混合过关| www.050328.com-干黑彩抓到怎么办| www.149465.com-彩票51亿-| www.289707.com-福利彩票往期| www.369452.com-双彩票色球开奖结果| www.457737.com-恒彩平台地址| www.542883.com-中科公益彩票| www.646198.com-彩民的心声-| www.727335.com-90彩票登录-| www.796989.com-福彩快3守号计划| www.870201.com-福彩3d规律研究院| www.962687.com-齐鲁风彩开奖| 大赢家彩票平台www.068675.com| www.gt06.com-大发快三是国家彩票| www.xk82.com-福彩3d倍数-| www.13eb.com-三地南方双彩网| www.77ce.com-七星彩摇一摇选号机| www.1254.top-重庆时时彩讨论群| www.04836.com-彩报中心3d图库| www.46194.com-生肖彩票黄历今天| www.87836.cc-苹果x原彩显示功能| www.043234.com-足彩哪里可以买到| www.155465.com-北京28微彩被骗| www.236712.com-竞彩足球胜平负| www.306248.com-彩宝官方苹果下载| www.369151.com-梦见合买彩票中奖| www.454518.com-体彩排列三定胆杀号| www.537883.com-无彩色系色彩是什么| www.658245.com-湖北电视购彩票| www.737161.com-彩吧论坛试机号| www.803196.com-彩票微信群名称大全| www.871325.com-买足球竞彩走势图| www.954841.com-七彩娱乐怎么注册| www.997679.com-爱心彩app-| www.cp9585.com-湖北快三今天开奖| www.lq90.com-旺彩有没有苹果版| www.d37.club-福彩门户网站| www.25xv.com-彩友会黑钱-| www.0180.vip-2018彩票改革| www.6278.me-五福彩票提现不了| www.08922.com-七天彩主页快3| www.51393.cc-网站彩票代理加盟| www.89474.com-义乌彩票店转让| www.035320.com-满堂彩彩票aqq| www.155835.com-时时彩机器人| www.234200.cc-68彩票网-| www.297956.com-体育彩票店布置图片| www.360024.cc-香开码结果开奖彩| www.433761.com-菜6菜彩票-| www.518801.com-发彩网是合法的吗| www.580389.com-826网站彩票| www.641904.com-福利彩票图片图| www.785101.com-福利彩票视频直播| www.850398.com-一分快三破解| www.904218.com-花式休闲快三谢俊娟| www.963360.com-少儿彩铅画图片大全| AKW彩票www.akw0.com| www.yi5.com-快乐彩票app下载| www.ow69.com-银川福利彩票| www.47.org-e赢彩是真是假| www.56om.com-博友彩网页登陆| www.561.live-分分彩个位判断大小| www.3600.biz-星期4开什么彩票| www.8320.vip-抚州彩-| www.22850.com-重生中彩票低调买房| www.60380.com-怎么下载意彩平台| www.066229.com-039彩票官网| www.123479.cc-福彩根本没人中奖| www.183037.com-河南福彩快三直播| www.238830.com-套彩金犯法吗|