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天

知道了
9彩注册 www.820896.com-安装彩钢瓦价格表| www.139003.com-三的天天彩-| www.qc5.com-彩票精准预测专家| www.522295.com-彩票平台名字大全| www.vj85.com-彩吧图谜总汇| www.598252.com-体彩投注站赚钱吗| www.sy76.cc-什么彩票六位数| www.267666.com-彩票稳赚-| www.777914.com-七星彩质和走势图| www.638.red-腾讯分分彩百度贴吧| www.521172.com-爱彩vip登录| www.643891.com-风彩彩票骗| www.734307.com-足彩19051分析| www.878887.com-南昌体彩领奖流程| www.971283.com-体彩排五的开奖号| www.fu9.cc-福彩时时彩开奖结果| www.vn99.com-江苏e球彩奖金表| www.25xo.com-传统彩优惠-| www.16557.cc-福彩四等奖结果| www.xa29.com-福彩快三是干嘛的| www.46lc.com-彩票网上代购中奖| www.353028.com-七乐彩中奖奖金领取| www.748804.com-中彩在线提现不了| www.ma49.com-福建体彩走势图| www.732967.com-体彩江苏+-选5| www.838001.com-nba季后赛彩票| www.906269.com-彩色射击换东西| www.969180.com-海南天天中彩票| www.cai399.com-福彩快3下载| www.5287.cm-智彩在线走势图| 中华彩票www.9149c.com| www.546901.com-易彩堂下载就送18| www.004689.com-刚力彩芽生活照| www.102265.com-中国彩票官方版下载| www.172657.com-福彩快三网络投注站| www.715921.com-z中彩娱乐-| www.833632.com-彩票开奖排列三开奖| www.949531.com-百盈彩票_购彩大厅| 凤凰彩票www.77803r.com| www.66715.cc-福彩微信兑奖| www.4999.cc-做梦买彩票中大奖了| www.692189.com-高频彩黑平台| www.920924.com-足球胜负彩比分直播| www.yf90.com-足彩开奖结果查询| www.99ib.cc-彩票倍投计划| www.01603.com-米兜彩票官网| www.53851.com-500彩官方下载| www.4927.top-彩票打码出款| www.22708.cc-福彩3d图迷与字迷| www.96056.com-福彩会不会改制| www.121703.com-彩票有猫腻吗| www.905631.com-体彩排三和值字谜| www.810.date-彩宝贝彩票杀号定胆| www.32772.com-汇彩网怎么登陆不了| www.143918.com-大发云神彩争霸| www.330127.com-0567好彩官方版| www.342255.com-百乐彩安卓版下载| www.553000.com-彩票无神计划时时彩| www.v45.net-彩16官网安卓下载| www.581671.com-彩票123网站大前| www.847862.com-彩票助赢软件吧| www.965281.com-快频彩开奖时间| www.ht38.com-黑龙江福利彩票| www.75039.com-体彩刮刮乐有哪些| www.9362.loan-彩票这么假还有人买| www.985795.com-狗哥足彩推荐| www.66yt.com-3d游彩网-| www.9893.net-下载永恒彩票网| www.91087.com-福利彩3d分析软件| www.149564.com-全能中彩app| www.402155.com-玩uk彩危险吗| www.wz41.cc-福利彩票三地| www.5769.biz-下载体彩快乐扑克牌| www.026985.com-福彩快3大发走势图| www.865771.com-491彩票网址| www.999638.com-福利彩票走势大全| www.bp45.com-全民彩官网下载| www.wn20.com-鸿运彩票贴吧| www.533130.com-彩票平衡原理| www.317644.com-下载吉林快三开奖图| www.7063.org-843彩票-| www.286308.com-今日体彩开奖号码| www.313.net-金巴黎彩票官网| www.5146.cc-贵阳中彩票的| www.00952.com-王牌彩票怎么玩法| www.44700.com-福彩能买吗-| www.810.bid-体育彩票浙江6+1| www.397249.com-在哪里开彩票信用盘| www.088176.com-谁要彩神邀请码| www.sq27.com-分分快三稳赚技巧| www.793389.com-彩票坊还能存活多久| www.39663.cc-网上说破解彩票平台| www.981291.com-北京时时彩赛车规律| www.iu53.com-彩客网足彩比分| www.51500.com-福利彩票幸运数字| www.48ak.com-大乐透开奖彩乐乐| www.0213.biz-荣耀彩票线路导航| www.12666.cc-福利彩票兑奖期多长| www.3yj.com-亚洲第二博彩公司| www.322317.com-竞彩难中-| www.141037.com-福彩3数字开奖号码| www.56976.cc-福彩3d追号秘诀| www.17666.cc-如何注册爱彩乐| www.69555.com-易彩app下载安装| www.701099.com-足彩通app苹果版| www.8814.com-海南体彩七星彩规律| www.830286.com-快三走势图乐彩网| www.589916.com-金手指南彩票预测| www.678591.com-足彩500胜负赔率| www.890.hk-快三第一个人门户| www.318892.com-江西省体彩兑奖中心| www.453953.com-酷彩吧苹果下载| www.6784.xyz-幸运彩票有没有规律| www.275159.com-鑫彩网彩票合法吗| www.350200.com-爱彩乐充值平台| www.118146.com-浙江体彩网公开征招| www.194618.com-福彩三d全图| www.252762.com-时时彩计划网址| www.cp6977.com-河南快三结果| www.076957.com-韩国彩票开奖查询| www.634422.com-乐博彩票app| www.203964.com-上饶体彩中心| www.296422.com-86彩票开奖网| www.381915.com-泰安市体彩中心| www.550073.com-彩播直播是什么软件| www.23230.cc-香港彩富网天| www.71139.cc-彩票开奖查询及公告| www.222.cc-好运来彩票骗局| www.377187.com-结婚要不要彩礼钱| www.51519.cc-信彩彩票官网首页| www.025371.com-人人中彩票合法| www.114395.com-福彩3d十位杀号| www.197575.com-下载彩票开奖大全| www.17269.cc-苏州美彩纺织| www.y65.cn-彩票如何中奖几率高| www.339935.com-分分彩输了一百万| www.456568.cc-福利彩票领奖人面具| www.769204.com-好彩票hcp90| www.47om.com-手机够彩票下载安装| www.493009.com-彩票注册即送38| www.677842.com-易彩堂开挂器下载| www.236019.com-噢客彩票-| www.za15.com-红牛彩票靠谱吗| www.792.cm-彩票如何赢钱保盈| www.5189.me-四川福利彩票12| www.201192.com-七星彩预测最准号码| www.ma90.com-时时彩个位必中口诀| www.634218.com-彩46app官网| www.707385.com-588彩票网-| www.771254.com-彩虹六号游戏视频| www.828487.com-意大利彩票有多少种| www.884403.com-福彩3d五行号码| www.940455.com-中国福彩平台| www.980739.com-火箭彩票app链接| 优彩网www.989447.com| www.69038.com-众博彩票骗局揭秘| www.979351.com-福福彩3d走势图| www.ev0.com-福彩双色球玩法| www.460277.com-懂彩帝app怎么样| www.876840.com-福星彩开奖现场| C9999www.318548.com| www.977902.com-彩色包装纸的糖| www.cp1148.com-快三平台哪个返点高| www.559730.com-七星彩神算子图纸|