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天

知道了
58福彩 www.98fb.com-福彩双色球兑奖| www.cp6228.com-足彩500-| www.003366.com-gc彩票投注网网址| www.88fh.com-彩票粉丝-| www.8282.vip-福利彩票一期销售额| www.45256.com-有阿里彩票吗| www.096892.com-慈善福彩申请表| www.203195.com-福彩快乐10走势图| www.301273.com-体彩快乐扑克3开奖| www.110131.com-乐透啦彩票跑路了吗| www.218762.com-大发快三返点怎么算| www.uh47.com-彩票是真的能中奖| www.82hy.com-足彩半场让球规则| www.cp2855.com-福建体育彩票| www.202444.com-体彩和福彩哪个真实| www.9868.top-做彩票狗推话术| www.216910.com-买快三的软件是什么| www.851978.com-特彩吧高手网天下齐| www.031995.com-七星彩历史号码比较| www.176295.com-江苏新快三-| www.1gv.cc-用表格选彩票| www.06765.com-福彩和值速查表| www.840711.com-卡姿兰彩妆招代理| www.014634.com-能买七星彩的软件| www.7654.top-体育彩票店平面图| www.29627.cc-彩福平台王思聪| www.811105.com-新人注册送18彩票| www.702998.com-湖南福彩官网首页| www.tm01.cc-江苏福彩大乐透| www.41xz.com-彩票网站账户被冻结| www.74603.com-体育彩票排列三规则| www.130462.com-今天中奖彩票号码| www.276543.com-吉林快三和值预测| www.454783.com-著名博彩公司| www.616724.com-体彩扑克牌玩法| www.774238.com-网易彩票黄历软件| www.962951.com-南方彩乐乐杀号专家| www.pq12.com-彩吧网3d-| www.94li.com-中国各省彩礼排行| 3G彩票www.c131.vip| www.159801.com-17彩票2018-| www.91198.cc-好彩种类-| www.314313.com-3d彩报图-| www.538630.com-大花猫1彩吧图库| www.811935.com-苏州竞彩店转让赶集| www.977098.com-退还彩礼案例| www.85mq.com-足彩胜平负十四场| www.dq09.com-5省快三-| www.945889.com-竞彩2串1稳赢模式| www.bp15.com-1彩票app-| www.02uy.com-聚财彩票软件可靠吗| www.572651.com-赢彩计划-| www.734703.com-彩色沥青是什么东西| www.877167.com-一分彩是官方的吗| 福利彩票www.99677j.com| www.cai504.com-快三计划软件app| www.247434.com-时时彩合买平台| www.12ae.com-无彩色系没有| www.3169.win-大通彩票登陆| www.522222.com-计划五分彩-| www.193801.com-福彩快乐10分钟| www.239837.com-王者彩票能赚钱吗| www.242585.com-168彩票官网查看| www.ex59.com-时时彩缩水软件手机| www.261683.com-北京福彩快3怎么玩| www.254228.com-21彩票app-| www.88320.com-春天彩票是什么| www.060040.com-福彩3d怎么玩的| www.129311.com-买彩票用什么软件| www.201472.com-七乐彩走势图表| www.400373.com-七星彩开奖结果预测| www.925451.com-体彩排双胆预测| 彩票驿站www.2350l.com| www.229806.com-共享彩票倍率邀请码| www.170237.com-河南福彩快三走势图| www.cp5773.com-快三害死人-| www.38336.com-趣彩cp77-| www.473106.com-国标快三视频| www.33810.com-玖玖彩票app下载| www.46vo.com-彩票店投资-| www.951993.com-彩神争霸8官网| www.ij59.com-新九州彩票-| www.1bz.com-彩宝网合法吗| www.426532.com-新快三外围庄家| www.1641.cn-下载棋牌送彩金| www.140924.com-ct彩投彩票网| www.454529.com-酷彩吧下载不了| www.180260.com-江苏福彩双色球开奖| www.266944.com-119彩票-| www.62110.com-体彩今日字谜总汇| www.198547.com-七乐彩票大发快三| www.713665.com-时时彩平刷绝不连挂| www.810821.com-彩尊国际时时彩平台| www.887499.com-釉下彩鉴别-| www.959804.com-时时彩对刷稳赚原理| 亿彩网www.853053.com| www.yp38.com-送彩金彩票娱乐平台| www.565793.com-冠彩巨龙王-| www.671403.com-彩独2下载-| www.fz29.com-有英国时时彩吗| www.zp74.com-体育足彩-| www.647403.com-时时彩赢钱了还想赢| www.727302.com-七彩票-| www.814144.com-体彩排列三技巧| www.892205.com-快三全能必中软件| www.955311.com-人人中彩票群| www.999638.com-福利彩票走势大全| www.bj63.com-彩票大小单双怎么看| www.pz03.com-567彩票官方版| www.z85.com-李彩桦图片-| www.49pj.cc-新乐彩票登录| www.583.tv-如彩纺织工艺品| www.0zq.com-彩票倍投赚钱妙招| www.81bb.com-福星彩票网址| www.638833.com-如何猜体彩竞彩| www.739265.com-全能中彩可靠吗| www.823680.com-三彩2019连衣裙| www.883953.com-破黑彩的破解器| www.952841.com-双色球凤彩网| www.990647.com-e球彩助手手机版| www.cp9586.com-中彩网合法吗| www.295889.com-快3大彩鲸中奖助手| www.496878.com-彩票群的包赔计划| www.7900.top-境外有中国彩票买吗| www.17yb.com-彩金项链断了能接吗| www.47122.com-东北结婚彩礼多少钱| www.97767.cc-心脏彩超正常值图片| 鑫亿彩www.617069.com| www.43jm.com-豫彩通下载手机版| www.0068.cc-菠萝彩双色球密码| www.599072.com-顶尖的体育彩票| www.up02.com-地方彩种开奖公告| www.259916.com-中国人人快三怎么玩| www.54sq.com-昆山体彩中心位置| www.797286.com-京彩娱乐下载地址| www.ss28.cc-时时彩最精准9码| www.33zq.com-七星彩走势图网易| www.11276.cc-烟台市福彩中心地址| www.51633.com-3d牛彩网彩摘网| www.077114.com-俄罗斯28彩票玩法| www.612028.com-彩票查询3d试机号| www.680973.com-佳缘男七星彩骗局| www.752986.com-奖聊出品快三走势图| www.821717.com-彩票异地领奖时间| www.903272.com-福彩金码试机号| www.967476.com-易彩票趋势图| www.236258.com-河北快三预测和值| www.333989.com-高频彩彩票平台| www.454300.com-下载酷彩-| www.612078.com-体育彩票附近销售点| www.677133.com-彩88开奖查询| www.736563.com-彩神争霸彩票| www.799562.com-qq彩票怎么没有了| www.866844.com-彩票那个平台比较好| www.922247.com-怎么成为足彩分析师| www.976964.com-新疆福利彩票喜乐彩| www.os87.com-彩客网app旧版| www.34364.com-电话怎么投注彩票| www.65wb.com-博彩赚返水-| www.77043.com-e乐彩注册登录| www.0580.bid-福彩3d图迷第一版| www.158452.com-星际彩票-| www.50fq.com-今天体彩真藏机图| www.357452.com-婚后一方中彩票|