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.059829.com-铁公鸡彩票奖表下载| www.193532.com-马来三分彩开奖结果| www.30345.com-福彩3d条吉网预测| www.145718.com-152彩票靠谱吗| www.254706.com-快三顺子多少钱| www.177887.com-五分快三开奖结果| www.066439.com-博友彩1分快三开挂| www.187823.com-教你七星彩稳赚法| www.829930.com-汇众彩票注册| www.09st.com-旺旺彩有中奖的么| www.1303.com-128彩票是正规| www.8587.cn-中国彩票31选七| www.309508.com-新三d福彩合法吗| www.223892.com-1分时时彩开奖结果| www.126818.com-彩票开奖结果早知道| www.272723.com-快三跨3号码| www.57930.com-彩票二维码图片| www.129136.com-安徽福彩双色球规则| www.600852.com-什么彩票可以买多期| www.639044.com-体彩店好申请吗| www.767108.com-河北石家庄福彩自助| www.872717.com-广西北海彩票快三| www.966956.com-点击彩安全吗| www.sw8.com-上海快三预测专家号| www.020941.com-众彩网安全吗| www.320083.com-体彩何时开奖| www.435468.com-都匀彩票中心在哪| www.558908.cc-彩虹屁文案优美| www.637686.com-下载足球竟彩彩客网| www.721837.com-网上买足彩票| www.802416.com-体育彩票胜平负机号| www.882316.com-345彩票官网| www.950634.com-七彩开奖情况| 500彩票www.50052m.com| www.go01.com-致富彩票官方网站| www.xh08.com-22彩票输死人| www.18ya.com-山东体彩3个亿| www.93ot.com-一寸彩照是什么意思| www.8vy.com-体彩跟单能赚钱吗| www.29rp.com-陕西体育彩票官网| www.2230.biz-做梦自己彩票中奖了| www.846109.com-彩票中了大奖怎么花| www.094955.com-马云的彩票叫什么| www.23329.com-体彩排山和值遗漏| www.028628.com-365彩票网-| www.346813.com-彩神i软件靠谱吗| www.469699.com-快乐5分彩走势图| www.561817.com-鸿彩主播梦的直播间| www.3331.biz-阿衰彩色漫画| www.252508.com-99彩票害人不浅| www.365582.cc-彩铅人物肤色怎么画| www.134989.com-168快彩-| www.398078.com-七星彩刮头尾| www.550092.com-彩播版本1-| www.641908.com-福利彩票海报| www.357070.com-时时彩开户送88| www.455528.com-问题彩民求救机构| www.587152.com-保定福利彩票站| www.700632.com-体彩价格表-| www.807566.com-男子守号8年中福彩| www.924284.com-多金喜彩票可信吗| 彩客网www.727079.com| www.373096.com-小财神福彩3d高手| www.355025.com-怎样看彩票是否中奖| www.368178.com-彩涂铝板厂家直销| www.646531.com-太子彩票app苹果| www.739433.com-苹果网站彩票| www.821682.com-彩圣字谜一牛材网| www.jd15.com-足彩竞猜开奖结果| www.s98.cn-下载超级彩票| www.03254.com-网赌时时彩平台| www.946626.com-松原快三开奖走势图| www.806472.com-幸运彩票的软件图片| www.82vq.com-七乐彩好彩网预测| www.538055.com-没有彩色-| www.532570.com-七星彩怎么算是中奖| www.688328.com-手机短信买彩票| www.900881.com-彩经网北京快三| www.443812.com-布汉竞彩-| www.814599.com-19038期足彩| www.976125.com-打七星彩奖网站| www.sy51.com-七星彩规则说明| www.811896.com-吹吹七星彩交流论坛| www.571337.com-玩网络快三违法吗| www.666543.com-万达彩票抽奖中心| www.908105.com-七星彩中奖怎么领奖| www.fw38.com-彩票店里有快三| www.049940.com-体彩试机号查询| www.188268.com-安徽福彩快三预测| www.286149.com-排列三玩彩老头| www.795565.com-古林快三开-| www.h56.club-快彩11选五手机版| www.04008.cc-豪彩娱乐是骗局吗| www.66353.cc-彩票正版藏机图今日| www.89qx.com-篮球竞彩分析经验| www.524731.com-凯利公式彩票| www.129009.com-福彩票开奖公告| www.240551.com-彩票选号摇奖神器| www.375282.com-ttcp彩票官网| www.835826.com-一举成名输彩知| www.xc17.com-福彩排列七奖金| www.948496.com-体彩福利彩票双色球| 8816彩票www.8816aa.com| www.ip07.com-河北省福利彩票快3| www.zj19.cc-鑫彩网是黑平台吗| www.15rj.com-中华彩票网好看视频| www.88vf.com-富赢彩票邀请码| www.1783.net-吉利彩票系统维护| www.7256.biz-彩虹符号求复制| www.796584.com-众愽彩票-| www.986756.com-竞彩篮球比分推荐| www.4iy.com-19500彩票网| www.45906.com-哪里买幸运赛车彩票| www.216206.com-七星彩彩票网站源码| www.438384.com-易彩-彩民福登录| www.853550.com-海南彩票管理中心| www.uq53.com-体彩走势图乐彩| www.1878.biz-福彩3d图今天的图| www.65539.cc-炫彩界面库破解| www.175908.com-瑞彩祥云-| www.505921.com-黑彩属于诈骗| www.692377.com-新彩票走势网苜页| www.126543.com-查体彩开奖号码| www.301293.com-中国福利彩票七星彩| www.456903.com-买彩票诗-| www.584748.com-广州足彩分析师招聘| www.698352.com-彩虹形成的原因| www.uf64.com-网上私彩和官通吃| www.5631.wang-天福彩票app| 99彩票www.854277.com| www.595040.com-鑫之家彩票网| www.804194.com-彩宏娱乐app| www.926990.com-江苏快三结果预测| www.206274.com-时时彩稳赢技巧买号| www.723579.com-体彩5000万-| www.092551.com-体彩18218期| www.01550.com-糖果派对4个彩金球| www.005774.com-奥客手机彩票网| www.153878.com-快三9手必中| www.017605.com-2元彩票3d-| www.670345.com-福彩3b谜语总汇| www.85111.cc-中国福利彩票扫码| www.104698.com-新快三游戏恐龙| www.183851.com-宁夏福彩宁夏体彩| www.266854.com-体彩开奖结果走势图| www.356537.com-合伙买彩票中大奖| www.469099.com-时时彩个位是第几位| www.559794.com-3d杀码家彩网| www.02955.com-彩网上怎么买| www.58193.cc-彩乐彩票-| www.8587.in-家乐红彩店-| www.621922.com-福彩3d开奖号| www.049469.com-福利彩票知识大全| www.433761.com-菜6菜彩票-| www.602.tv-喜乐彩票怎么玩法| www.7010.com-3d彩票平台注册| www.27725.cc-黑龙江时时时彩结果| www.68548.cc-福彩3d合值尾走势| www.015093.com-彩票代理-| www.079079.cc-七乐彩胆拖计算表| www.146655.com-竞彩足球360混合| www.799800.com-送彩金白菜qq群| www.000422.com-山西体育彩票站点| www.ys27.com-湖北福彩官网|