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.6112.la-美国都有哪些彩票| www.404266.com-彩礼多少钱是吉利数| www.181253.com-湖北快三今天开奖| www.573189.com-腾讯分分彩分析系统| www.277853.com-博牛彩票是干嘛的| www.f60.cn-球彩台app-| www.508079.com-3d云刚说彩推荐| www.882637.com-易彩堂不给提现| www.gy66.com-盈彩彩票邀请码多少| www.5200.tv-福彩彩新网首页| www.52937.com-篮彩吧-| www.80xq.com-江苏快三手机版下载| www.6315.cc-福彩三地彩图| www.2836.vip-常平彩乐糖果厂| www.906262.com-5分快3彩票-| 亿彩彩票www.588yc.com| www.7864.pw-胜负彩任九吧| www.038477.com-今天彩票图片大全| www.227632.com-福利彩票开奖直播| www.762863.com-旭彩美缝剂多少钱| www.893623.com-彩票组合软件下载| 彩8彩票www.c8704.com| www.859021.com-快三怎么追号| www.52215.com-天猫快彩听过吗| www.514.me-时时彩整改-| www.503756.com-9万彩票提现不到账| www.699632.com-ζ3d走势图新浪彩| www.502682.com-多彩投失败案例| www.620777.com-彩票世界官网| www.718396.com-彩虹色斑-| www.720896.com-彩票两元网app| www.982325.com-日本人彩票-| www.yc15.com-派彩网走势图网页| www.910177.com-彩神计划王看胆| www.972666.com-彩铅眼睛的画法| www.cai2311.com快3彩票网站| www.498948.com-竞彩足球扣税吗| www.572992.com-足球彩票2串1倍数| www.650538.com-南京哪里有卖彩票的| www.719688.com-快三长春-| www.235910.com-竞彩足球购买| www.35258.cc-七天彩邀请码是什么| www.1101.live-上海体育彩票| www.8914.com-重慶时时彩官网| www.2028.vip-3甘肃快三开| www.82111.cc-8号彩票是马云的吗| www.83118.cc-绵阳福彩申请| www.803282.com-彩票返奖率-| www.567064.com-百盛娱乐彩票| www.642960.com-幸运分分彩人工计划| www.711986.com-结婚男方给女方彩礼| www.1106.cm-足彩买一注多少钱| www.3968.net-的的彩讯app| www.902255.com-合买彩票怎么买| 幸运彩票www.050236.com| www.rw66.com-快三输的倾家荡产| www.57nt.com-打彩票犯法吗| www.2516.vip-福彩店开店必备技巧| www.8801.online万能彩票下-| www.566862.com-彩神通专业4码| www.182577.com-福利彩票快3下载| www.267484.com-彩票易中奖app| www.348258.com-七乐彩票是骗局吗| www.448.red-乐透彩票网-| www.204249.com-彩票开奖查询彩票l| www.309342.com-体彩扑克3中奖| www.412113.com-彩钢瓦寿命多少年| www.546782.com-体彩移机申请怎么写| www.638308.com-色彩构成图片素材| www.742679.com-以前金山改成酷彩吧| www.998248.com-体育彩票的目的| www.oj93.com-彩票在手机上怎么买| www.15ii.com-腾讯时时彩精确计划| www.33vd.com-局王七星彩苹果版| www.189320.com-甘肃快三开奖号| www.bj99.com-彩票走势图怎么研究| www.b80.cn-海南快3彩票| www.0095.com-关于彩票的昵称| www.23293.com-五分彩2期免费计划| www.021219.com-彩票站一注提成多少| www.62127.com-49选7彩票统计器| www.576149.com-牛蛙彩票安卓版下载| www.84244.com-福彩3d怪字-| www.87722.com-太阳彩票平台| www.204969.com-大发快三的规律| www.287128.com-网彩票如何申请代理| www.365500.com-玛雅彩票游戏手机版| www.499954.com-微信充话费送彩票| www.596503.com-彩票对打套利违法吗| www.860965.com-中国福彩算胆工具| www.938741.com-多彩网彩票-| 凤凰彩票www.77803y.com| www.87bb.cc-会员登陆百胜彩票| www.5428.top-华彩生活官方| www.9252.cc-分分彩四星做号| www.638616.com-色彩三原色-| www.758156.com-境外高频彩开奖网站| www.850417.com-足彩多串过关| www.5ip.com-刘军玩彩真的吗| www.527975.com-竞彩足球七串一玩法| www.90019.cc-788彩票网正规吗| www.113011.com-网上大众彩票| www.43ri.com-竞彩胜平负入门| www.325895.com-时时彩资料网| www.409421.com-彩票今天结果| www.381547.com-七星彩号码查询| www.472785.com-吴江福利彩票中奖| www.872654.com-好玩的3d彩票软件| www.268602.com-彩经网3d综合走势| www.32269.cc-上海大彩鲸快三| www.235900.com-足球竞彩比分直播| www.kw80.com-内蒙爱彩乐彩票快三| www.5588.live-彩票系统程序源码| www.98355.com-腾讯分分彩大小预测| www.1122.cm-体育彩票nba竞猜| www.7369.vip-七星彩画规律| www.28339.com-彩票中奖上亿是假的| www.422999.com-福彩快乐十分图标| www.564577.com-东方彩票一投入梦想| www.730519.com-手机买体彩的软件| www.851854.com-金彩网下载app| 大赢家彩票网www.178397.com| www.03bs.cc-手机山东体彩客户端| www.4825.xyz-彩虹六号围攻下载| www.629546.com-幸运彩票靠谱吗| www.2297.net-皇家科技彩库宝典| www.370008.com-ee彩票-| www.480022.com-微信买竞彩-| www.528130.com-彩票之家注册| www.785584.com-特彩吧原彩票高手网| www.tp62.com-彩票号码生成器下载| www.kk8.cc-吉林市福彩快三开奖| www.191733.com-分分快三稳定版| www.134521.com-好彩香烟哪个好抽| www.001439.com-开门彩福彩官方下载| www.f95.pw-海南四星彩开奖| www.252.cm-牛彩3d走势图| www.35827.com-头条彩票官网首页| www.809170.com-f彩网犯法吗| www.896668.cc-派彩电子走势图快三| www.984583.com-彩8网可靠吗| www.fz42.com-福利彩票的发行者| www.269386.com-三分彩都是骗局吗| www.594749.com-唯彩会体育下载安装| www.770584.com-重庆时时彩放假么| www.px66.com-大小单双彩票app| www.923342.com-彩票实体店未来趋势| www.oo70.com-跟计划买彩票倍投| www.729776.com-新彩尊登录-| www.769072.com-今天3d彩报图片| www.962332.com-新3d彩票怎么买| www.700804.com-竞彩延期怎么算| www.981259.com-六开彩app-| www.982480.com-吉林快三摇奖现场| www.yc5.com-彩神2靠谱吗| www.z59.club-众益彩票不能提现| www.548.in-昨天七乐彩开奖结果| www.127749.com-新版彩虹代刷app| www.275187.com-彩票中奖不捐款挨骂| www.qp23.cc-广西7乐彩-| www.318240.com-小班彩虹伞教案| www.457124.com-恒彩1950注册| www.0291.cn-江阴竞彩店转让| www.9779.cn-快三的跳法-|