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.366524.com-满天星彩铅画教程| www.14bk.com-时时彩规律技巧算法| www.270606.com-七彩app平台| www.089289.com-葡京极速彩票平台| www.51193.cc-苹果下载58彩票| www.007810.com-彩票程序的原理| www.895402.com-彩天下6263cc| www.979127.com-旋子彩画分布图| www.73jw.com-快三历史开奖| www.2570.org-如何卸载趣发彩票| www.1ai.cc-下载手机网买彩票| www.135711.com-彩票销售员好做么| www.267912.com-快三推荐号码湖北| www.92217.com-乐彩网三d开奖公告| www.415908.com-安徽快三28期| www.567715.com-七彩阳光伴奏音乐| www.920538.com-彩票一分快三软件| 金掌柜www.83993k.com| www.kq07.com-内蒙古快三开奖全期| www.293350.com-青岛福利彩票电话| www.452665.com-彩吧图一继第五版| www.703083.com-竞彩足球比分分析| www.27855.com-cp248彩票-| 网易彩票www.560671.com| www.48176.com-彩库之家app| www.884088.com-体彩走势乐彩网| www.850038.com-腾讯分分彩组六必中| www.952945.com-七彩奖号码-| www.sb2.com-中国江苏福利彩快3| www.231188.com-内蒙快3走势彩经网| www.167585.com-快三官方网站| www.631226.com-福彩怎么看中奖结果| www.751714.com-幸运彩2019软件| 网易彩票www.080wy.com| www.19775.cc-嘉兴体彩中心地址| www.920668.com-彩99苹果下载安装| 融彩网www.rcw321.com| www.8174.shop-昨天蓝精灵彩报图| www.47416.com-好彩店苹果版下载| www.907078.com-一分快三外挂使用| www.990503.com-优彩网大发快3| www.gb73.com-快三高级追号| www.41to.com-鸿运彩票如何| www.8yw.cc-体育彩票哪年| www.736136.com-福彩怎么卖-| www.208.tv-沈阳彩票销售员招聘| www.080567.com-怎么破解彩票平台| www.319271.com-派彩网怎么交费| www.59715.cc-彩虹上衣女-| www.886441.com-93彩票下载-| www.km2.cc-大发快三走势图规律| www.845787.com-于海彩票-| www.684522.com-福彩3d号码直选表| www.586425.com-充值3元送彩金| www.713553.com-王者彩票是怎么回事| www.870172.com-挂彩是什么意思| www.959361.com-彩票软件可以注册吗| www.ci05.com-彩票网站注册| www.t55.top-湖北彩票中奖彩王| www.52111.com-下载双色球彩票预测| www.318272.com-儿童创意水彩| www.584677.com-正规的皇冠彩票网站| www.89961.cc-977彩票官方正版| www.999354.com-体彩彩友吧app| www.eu14.com-能手机买彩票的软件| www.w99.club-有没有试玩彩票的| www.88nj.com-纯彩票平台能出黑吗| www.969855.com-七乐彩4拖6多少钱| www.xz2.com-上海快三一定牛今天| www.rz29.com-优信彩票官网下载| www.1722.cn-掌上赢彩官网| www.7722.org-七星彩彩宝网开奖| www.69686.com-买彩票有限时间| www.26588.com-海南私彩七星彩| www.032975.com-彩票137下载| www.610071.com-初买彩票的方法| www.5696.cm-时时彩官方网下载| www.948040.com-四川省体彩兑奖中心| www.7668.org-福彩三地选胆图表| www.070702.com-开彩365-| www.659983.com-彩票预测高手| www.91ju.cc-菲律宾万福彩票| www.142753.com-奥客手机彩票| www.266816.com-6种人容易中彩票| www.372286.com-狗x人全彩本子h| www.871920.com-新彩网首页-| www.11297.com-胶东在线烟台福彩网| www.648949.com-彩宝有哪些-| www.21ez.com-希望彩票送彩金| www.s53.xyz-买彩票软件靠谱吗| www.1010.xyz-赢发彩票合法吗| www.324783.com-马来西亚博彩| www.408579.com-国庆彩票销售放假吗| www.567597.com-福彩3d17500| www.660243.com-金彩网大发快三| www.791983.com-离我最近的彩票站点| www.879232.com-亿彩网app-| www.961424.com-快三上海开奖| www.cp6738.com-广西快三派彩走势图| www.8648.biz-福彩杀号定胆| www.45461.com-微彩排列5下载| www.89370.com-彩票软件提供| www.4920.live-彩票01cp软件| www.8061.vip-陈流水彩视频| www.248274.com-彩票开奖大全下载| www.999699.com-长沙彩票中心在哪里| www.301203.com-福彩快三跨度表| www.317672.com-977彩票平台下载| www.375168.com-福彩杀戮数-| www.464468.com-古建彩绘纹样草图| www.563796.com-多彩贵州招聘吧| www.692033.com-中国福彩中心电话| www.777027.com-海南七星彩准确头尾| www.460613.com-重庆彩票发行中心| www.567984.com-七彩野山鸡苗| www.640133.com-开奖信息一福彩| www.754001.com-手机分分彩挂机软件| www.813450.com-福彩体彩改制| www.872219.com-都匀福彩中心在哪里| www.948847.com-体育彩票有什么| www.989916.com-彩票77是真的吗| www.fk0.com-时时彩app-| www.wb98.com-福彩快三中奖表| www.28jw.com-网彩开售了没| www.39wt.com-华夏福彩-| www.034.site-中兴彩票不给提款| www.ij7.cc-快乐彩输了40万| www.330644.com-下载一个上海快三| www.zb05.com-河北快三坑人| www.715307.com-彩神三是真的吗| www.893323.com-彩票高级过滤| www.973853.com-体彩排列三怎么选号| www.et43.com-北京5分彩开奖查询| www.872491.com-四川体彩11选五| www.87.net-赢彩彩票怎么提现| www.378300.com-安装万豪彩票| www.533661.com-彩之家的网址| www.646226.com-竞彩欧赔与凯利指数| www.751141.com-彩票程序破解版| www.232498.com-二串一足彩倍投必死| www.355405.com-大彩网董事长黄孟杰| www.486583.com-今日竞彩单关图片| www.122003.com-马云买的彩票中奖吗| www.614235.com-大彩成绩-| www.722075.com-彩票福3d怎么玩| www.848291.com-福彩一二三等奖| www.987324.com-吉林快三计划表| www.ce02.com-江西体彩快三| www.vr53.com-快三投注速查表| www.37vy.com-福建体彩幸运| www.006647.cc-5分⑥和彩开奖| www.432741.com-香港分分彩主页| www.531037.com-彩铅画玉兰花图片| www.335334.com-新浪世界杯彩票| www.928250.com-顺盈彩票是骗局| www.234720.com-500万彩票网登录| www.740543.com-博彩股对比-| www.52673.cc-188彩票网-| www.39982.cc-凤凰彩票邀请码| www.625655.com-长城彩下载-| www.561630.com-彩票306官网下载| www.144823.com-足彩胜负场开奖结果| www.625.tv-万豪福彩下载最新版| www.51830.com-最近中大奖彩票|