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.kk58.cc-易彩一分钟快三| www.008217.com-肥城体彩3亿中奖| www.323362.com-大富翁彩票网站| www.97781.com-彩光嫩肤美容| www.020284.com-专业玩彩个人手机版| www.130868.com-立彩app下载地址| www.253034.cc-好彩3复式玩法| www.337368.com-福彩河北快三| www.461646.com-八卦玄机彩图四不像| www.566190.com-亿彩堂官网下载| www.656058.com-星彩qq-| www.767288.com-香港牛蛙彩票.资料| www.858950.com-足彩姜山-| www.937922.com-87云彩店app| 彩票坊www.022ln.cc| www.149.website五洲彩票受吧| www.034006.com-七乐彩票能退本金吗| www.113301.com-彩票奖金多少| www.121347.com-体彩排列五选号法| www.288940.com-好123彩票开奖| www.311577.com-福利彩票十分钟| www.63998.cc-足彩就是坑-| www.065375.com-必赢彩票-| www.140883.com-海口七星彩彩版专区| www.237949.com-彩票福彩开奖查询| www.706508.com-快三规则推算| www.824550.com-聚丰彩票网址| www.961492.com-体彩助手电脑版下载| www.qf8.com-微信跟着导师买彩票| www.1163.la-今曰甘肃快三分析| www.8946.vip-全民手游彩票| www.505890.com-中国福利彩票有多黑| www.229853.com-盈彩赚钱是真的吗| www.66693.cc-丨中国彩吧-| www.113874.com-彩友网彩票官网| www.152710.com-4scc彩票网-| www.741313.com-239期体彩独胆| www.633204.com-45cc彩票-| www.821832.com-代领彩票外地| www.967047.com-大沥福彩中心| www.sx38.com-体彩排列三开奖走势| www.o61.net-送彩票促销违法吗| www.lj22.com-全中彩票97折| www.550384.com-长春彩溢预约电话| www.13077.cc-浏览器合发彩票平台| www.250850.com-下载中彩娱乐6| www.767886.com-旺彩推荐怎么样| www.128042.com-彩虹宝宝在线看| www.295257.com-福彩10选5怎么玩| www.613828.com-彩票代理平台刷流水| www.730050.com-上海快三走势一百度| www.877392.com-百姓彩票事真的么| www.54ir.com-唏关彩留学那部番号| www.070979.com-v8彩票骗局-| www.901.cc-福利彩票3d金码| www.072779.com-体彩中心李家福| www.130.live-彩玉多少钱-| www.769666.cc-钻石团队好彩app| www.889092.com-彩票帮投怎么回事| www.ki60.com-海南体彩下载| www.369988.com-合肥酷彩-| www.318224.com-中国竞彩网258| www.881.in-玩时时彩很难止损| www.03678.cc-彩经彩票软件| www.116159.com-在线买彩票的软件| www.201205.com-七星彩前四位| www.302959.com-够力七星彩解梦查码| www.385822.com-中国3d彩票-| www.505761.com-黑彩能玩吗-| www.588832.com-贵宾室彩票下载| www.702086.com-中国足彩让球胜平负| www.789105.com-竞彩外围网-| www.871563.com-福利彩票快乐彩玩法| www.947691.com-彩票缴款通支付宝| 彩票坊www.022y.cc| www.xv25.com-送礼用什么彩票| www.979406.com-好彩柠檬-| www.871274.com-傲赢彩票下载| www.545677.com-四川体彩网七星彩| www.639187.com-黑龙江体育彩票电话| www.732579.com-福彩客户端-| www.814011.com-彩票调整对实体店| www.894776.com-新大陆彩票网站| www.969403.com-酷彩吧买彩票| www.mo77.cc-彩票指南报纸| www.377007.com-竞彩专家推荐号码| www.511274.com-彩票余数技巧| www.579654.com-68国际彩票神器| www.655245.com-网投时时彩能赚钱吗| www.724918.com-福彩106期-| www.788276.com-365足彩推荐| www.858993.com-周三什么彩票开奖| www.921057.com-神彩网69880| www.975537.com-彩票365官方网站| 大赢家彩票平台www.810877.com| www.67886.cc-彩票平台怎么举报| www.095100.com-外围足彩app排名| www.023798.com-彩专家官网-| www.633899.com-大福彩票彩种网址| www.434356.com-快三门户下载安装| www.569230.com-福彩中心怎么改| www.647755.com-好彩运租车公司电话| www.728633.com-体彩2009走势图| www.023715.com-彩票顶呱刮中奖技巧| www.122887.com-天天彩票提现不到账| www.170733.com-快三开奖助手官方| www.862723.com-我的彩票开奖规则| www.338858.com-彩票托晚上-| www.675.cc-福彩做鬼-| www.21132.com-下载时时彩开奖视频| www.6876.biz-刮彩票中奖技巧| www.81978.cc-杭州快三走势图| www.00025.cc-福彩3d矩形宝典| www.929032.com-旺旺彩票能玩吗| www.499.tv-赛车彩票怎么玩| www.6738.biz-彩票官方下载| www.31887.cc-易彩快3官网下载| www.258971.com-内蒙古快三和值图| www.902372.com-体彩自助彩票机| www.986319.com-三地彩吧走势图| www.xc3.com-青海福利彩票快三| www.l73.cc-彩81彩票下载| www.71ui.com-944cc天天好彩| www.33279.com-篮球体彩开奖时间| www.186887.com-吉首商业城快三秒| www.02415.cc-体彩天下客服| www.019274.com-贵阳市体彩中心主任| www.222629.com-最高快三返点邀请码| www.94126.com-福彩今日新鲜事| www.085454.com-娱乐彩app-| www.10813.com-竞彩足球比分投注| www.64345.com-彩妆加盟店排行榜| www.040994.com-彩票长龙25期| www.02688.com-易彩账号注册| www.007093.com-彩票试号-| www.48dw.cc-彩票公式赚钱什么意| www.362664.com-法国买彩票-| www.553476.com-nba博彩合法化| www.3331.pw-彩色的中国歌曲| www.8821.cm-彩票777安全吗| www.wq3.com-下载彩票开奖大全| www.657143.com-好彩网红姐3d预测| www.523055.com-鼎盛彩票网安| www.850919.com-足彩复式怎么计算| www.980203.com-梦想彩票登录网址| 五彩堂www.898341.com| www.32rr.com-v9彩票可信买| www.0047.pw-金冠彩票网可信吗| www.98782.cc-快三摇骰子技巧| www.601426.com-美的彩票是真是假| www.724498.com-五分彩官网平台下载| www.097198.com-福彩3d大花虎2| www.163388.com-十分彩的官网| www.239826.com-彩票篮球火箭勇士| www.295697.com-下载彩票开奖软件| www.108009.com-足彩胜负彩预测分析| www.165152.com-众购彩票网官网注册| www.223942.com-百盈快三赢钱的技巧| www.926634.com-彩32vip-| www.995681.com-足彩猜比分规律| www.oh2.cc-河南省快三遗漏查询| www.pd65.com-河北福彩排列期开奖| 福彩网www.60007y.com| www.5999.tv-山东体彩中心的地址|