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天

知道了
亚洲28 www.112221.com-手机刷彩是什么意思| www.208213.com-全天一分快三计划网| www.668972.com-福龙彩票信息网| www.837701.com-彩票之家开奖结果| www.397291.com-中国体育彩票31| www.858214.com-博彩理财真的吗| www.60pg.com-红彩com-| www.538095.com-中国福彩有几种彩种| www.659401.com-七星彩哪里中奖了| www.747476.com-最新爱彩官网下载| www.835696.com-语文课文中彩票| www.920579.com-福利彩票网上营业厅| www.982497.com-新2彩票下载| www.ei1.com-快三屠龙是什么意思| www.977547.com-吉利彩票平台| www.al92.com-福彩青蛙过河一等奖| www.112128.com-福彩3d缩水程序| www.581759.com-鸿发娱乐送88彩金| www.667304.com-大家彩票-| www.772000.com-如何举报福彩体彩| www.304416.com-分分快三作弊器免费| www.256208.com-宝盈彩苹果版app| www.449981.com-福彩开店-| www.559149.com-内蒙古福利彩票中奖| www.627955.com-现代彩调-| www.700428.com-佬牛足彩预测推荐| www.782823.com-竞彩258怎么样| www.854234.com-多彩网官网下载| www.503035.com-投彩能赚-| www.577456.com-吉林福彩快三下载| www.647908.com-赌时时彩输惨的故事| www.725700.cc-彩票兑奖有效期多久| www.801978.com-吉林省福彩中心秦岭| www.880179.com-福彩大脑袋杀码专家| www.948001.com-彩宝贝杀号定胆红球| 华为彩票www.hw8877.com| www.298167.com-甘肃体彩中心| www.15po.com-体彩开奖今天晚上| www.66959.com-彩票事业编制改革| www.5481.cc-彩票店靠什么赚钱| www.647424.com-网易彩票在那下载| www.846452.com-被冒领的彩票| www.925383.com-足彩外围-| www.981160.com-八马彩票app| www.bm4.com-浙江福彩快彩助手| www.ql12.com-一定牛体彩-| www.151744.cc-彩14-| www.944955.cc-248彩app-| 金利丰彩票www.620958.com| www.ne84.com-下载038彩票| www.l70.cc-彩票高频走势图| www.42bs.com-春天彩票骗人吗| www.057719.com-玩彩独胆王-| www.811878.com-福佳彩新加坡网站| www.804585.com-福彩3d字谜藏机诗| 中彩网www.91233j.com| www.890585.com-彩票50倍-| www.833369.com-中国体育彩票扫码| 大玩家彩票www.162090.com| www.219832.com-福彩三地开奖| www.815396.com-视频彩票原理| www.036650.com-福彩3d下载-| www.298975.com-新福彩3d玩法规则| www.438260.com-购彩网彩票计划| www.552559.com-亿万彩票-| www.123864.com-体育彩票20选5| www.252674.com-兑奖彩票店有提成吗| www.622445.com-全天时时计划彩神| www.730639.com-梦想彩票网是真的吗| www.813915.com-内蒙古福彩一定牛| www.897791.com-福利彩票的标语| www.971490.com-彩票app88-| www.jm44.com-彩托套路-| www.714.live-时时彩后二组六| www.7260.vip-彩虹三号飞机价格| www.502234.com-用对冲买彩票| www.11cf.com-彩宝网彩票| www.6932.shop-七彩官网-| www.481111.com-移动视频彩印| www.808753.com-中奖彩票机器提示| www.570953.com-快三长龙分析| www.5054.win-旺彩双色球推荐号码| www.1uc.cc-彩宝贝网推测双色球| www.0100.org-中奖彩票头像| www.3009.cm-香港酷彩专柜| www.958255.com-重庆时时彩9码计划| www.147659.com-往期彩票开奖号码| www.045580.com-福彩机器出租或转让| www.330043.com-南洋彩往期开奖结果| www.145943.com-567彩票安全吗| www.221975.com-彩票概率学-| www.301640.com-休彩排烈三和值表| www.308073.com-不会买彩票怎么办| www.379265.com-北京竞彩分析师招聘| www.478956.com-竞彩单注最高奖金| www.546207.com-利用分分彩刷流水| www.602628.com-福利彩有没有规律| www.388441.com-高频彩票套利对打| www.506512.com-彩迷联销图-| www.568109.com-彩乐彩票下载安装| www.100482.com-山东齐鲁福利彩票网| www.056979.com-七乐彩怎么看| www.136531.com-利彩平台软件| www.207021.com-易彩彩票app下载| www.268004.com-湖北快三260计划| www.342011.com-福彩3d天行健| www.959796.com-彩票计划详情网址| www.123737.com-七彩今晚开奖结果| www.4938.xyz-中澳彩票官网| www.3847.top-足彩推荐足彩| www.842221.com-福利彩票资金分配| www.931136.com-彩81彩票软件下载| 全民乐彩票www.qml0.com| www.405633.com-福彩3d双彩网| www.534100.com-够力七星彩兑奖表| www.605659.com-彩膜6splus-| www.680126.com-至尊彩app下载| www.752005.com-彩拾彩票网-| www.818034.com-足彩十四比分直播| www.878730.com-萍乡福利彩票中心| www.937096.com-七乐彩中奖-| www.984341.com-体彩彩票助手手机版| www.cp3629.com-快三不同号有几个| www.le95.com-彩票购-| www.zo15.com-玩彩票小技巧| www.770231.com-福利彩票双色球派奖| www.993802.com-中国足球胜负彩咋玩| www.mv82.com-中国福利彩票规则| www.869156.com-彩票中奖牛人爆秘诀| www.930466.com-彩票的种类和价格| www.796403.com-刷彩挣钱可靠吗| www.881272.com-吉林快三开奖推荐| www.964489.com-足彩新浪必发指数网| www.eq44.com-炫乐彩票登录| www.yt86.com-今日湖北快三推荐| www.vp01.com-360彩票开奖信息| www.130899.com-福彩杀码图库| www.635957.com-怎么安装彩35| www.14fv.com-今晚七星彩直播| www.36671.cc-彩5网-| www.040289.com-广东快三开奖网站| www.906193.com-重庆时时彩新规则| www.972123.com-柬埔寨一分彩走势图| www.yd02.com-七星彩历史上的今天| www.91816.cc-好彩怎么玩-| www.331208.com-看彩票走势图的软件| www.461361.com-婚恋网站时时彩骗局| www.731068.com-胜负彩任九开奖结果| www.65zv.com-湖北体彩网点| www.9768.in-竞彩篮球联比分直播| www.9875.biz-汇丰彩票app注册| www.tp04.com-彩票号码生成软件| 如意彩票www.931518.com| www.837111.com-一定牛彩票的背景| www.664525.com-七乐彩开奖今天的| www.965924.com-经典彩票店标语| www.x03.cn-必中彩票软件下载| www.777643.com-网络福彩-| www.2fs.cc-卖体育彩票挣钱吗| www.ck19.com-彩界联盟网址多少| www.186718.com-快三输了几万| www.6519.com-牛彩3d-| www.823.tv-竞彩网首页赛程| www.778240.com-福彩复式怎么玩法|