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.041485.com-足球竞彩兑奖规则| www.185808.com-时时彩计划-| www.48jm.com-体育彩票标志| www.0074.org-公明福利彩票点| www.658994.com-彩宝贝个位杀号3d| www.672001.com-万彩吧下载新版| www.751629.com-优选彩app下载| www.836520.com-七乐彩矩阵缩水| www.915920.com-体彩转让-| www.972435.com-彩铅画图片人物| 大赢家彩票平台www.936271.com| www.105.hk-运盈彩票平台| www.1008.live-星期一开什么彩| www.09792.com-中国山东彩友沙龙| www.813127.com-华彩平台是什么意思| www.94kt.com-飞腾彩票下载| www.650672.com-彩虹伞介绍-| www.9932.cm-七乐彩好中奖吗| www.008054.com-七乐彩预测专家分析| www.103300.com-风彩彩票app| www.196292.com-123彩票开奖网| www.267089.com-福彩3d铁人铁胆码| www.345416.com-vr彩票是黑平台吗| www.700935.com-买彩票算投资吗| www.784208.com-彩票开奖查视频| www.860235.com-网上彩票软件下载| www.925383.com-足彩外围-| www.979378.com-江苏体彩大乐透规则| www.qg.com-吉林市快三-| www.vt94.com-乐购彩票能不能报警| www.11oo.com-577彩票会员中心| www.79gw.com-分分彩刷流水方案| www.2382.com-嘉定2500万彩票| www.8571.loan-代理彩票平台m5| www.35785.cc-彩票代玩账号刷钱| www.85391.cc-竞彩容错解释| www.065436.com-时时彩开开奖图| www.136624.com-快2彩票计算公式| www.210330.com-安徽快三倍投计算器| www.279832.com-手机版时时彩开奖器| www.356834.com-怎么能看彩票中奖了| www.442833.com-最优惠的彩票平台| www.529887.com-东方彩软件-| www.596563.com-01彩票东坡下载| www.665800.cc-怎样下载福彩快3| www.735730.com-五分彩怎么算公式| www.pz19.cc-360彩计划-| www.19fi.com-彩仙阁可信吗| www.85st.com-游戏彩票任务代打| www.2888.biz-鄂彩萌-| www.8628.vip-大乐透彩神通破解版| www.34449.cc-上海体彩开奖结果| www.555802.com-七乐彩杀号汇总| www.625242.com-51彩卡-| www.690297.com-7乐彩结果-| www.763643.com-体彩兑奖银行| www.863134.com-彩票走势图接口| www.923488.com-彩票如何坐庄| www.975819.com-彩礼的顺口溜| www.cai8111.com吉林快三形态走势图| www.lq81.com-微彩之家-| www.k91.net-彩神vii邀请码| www.34bf.com-七星彩刮头尾| www.590768.com-全国彩礼地图| www.660417.com-完美彩票安卓| www.769600.com-中免绿好彩多少钱| www.862704.com-智慧彩挂机能赚钱吗| www.923385.com-好彩彩票下载| www.974834.com-特区彩栗论坛精选| 双龙娱乐www.sj119.9slyl.com| www.nw69.com-河北福彩爱彩乐| 易彩网www.36166p.com| www.8990.top-中国竞彩网投注量| www.53333.cc-澳门五分彩官方首页| www.ij74.com-官方福利彩票软件| www.yd73.com-体彩35选2-| www.20lo.com-秒秒彩平台出租| www.568.top-双色球杀号乐彩网| www.4406.xyz-彩票方案软件免费| www.18476.com-大发快三单双怎么玩| www.82625.com-足彩19024分析| www.060234.com-上海天天彩选四走势| www.157186.com-易彩网安全吗| www.254020.com-彩票送28彩金免费| www.388144.com-华彩在线靠谱吗| www.496642.com-福彩3d能买复式吗| www.479773.com-足彩500网-| www.615365.com-美狮彩票平台| www.450372.com-彩票数字规律本期| www.901679.com-在贵州怎么开彩票店| www.589329.com-七星彩怪号-| www.14rf.com-北京彩票店转让协议| www.235075.com-中彩那天课文| www.365411.cc-快三买大小稳赢| www.521434.com-河北体彩申请投注站| www.478082.com-聚彩app-| www.98zz.com-体育彩票开奖是周几| www.791785.com-梦想彩票登陆网| www.967367.com-彩票站微信群| www.973045.com-彩虹世界下载链接| www.t65.club-彩票拉人骗局| www.92uz.com-乐度炫彩百度百科| www.20877.cc-彩状元-| www.240355.com-彩神1x-| www.551761.com-彩票买几个数字| www.997641.com-时时彩经验技巧| www.38225.cc-2019购彩app| www.150909.com-彩店818app-| www.375526.com-体彩11选三-| www.617387.com-现有彩站出兑| www.2006.in-体彩任九开奖金额| www.151585.com-竞彩之家官方app| www.656997.com-下载注册云彩app| www.248268.com-567cc彩票客服| www.110691.com-七星彩奖池金额查询| www.665746.com-万家彩票网一站| www.386917.com-幸运彩开奖最新结果| 幸运彩票www.224066.com| www.4052.win-30d三弟福彩| www.161687.com-香港快三合法吗| www.757393.com-甘肃快三和值跨度表| www.rc50.com-网上如何买彩票| www.2935.biz-qq30秒彩开奖号| www.93593.cc-手机竞彩软件哪个好| www.556901.com-七星彩今晚获奖码| www.710130.com-加微信上叫你玩彩票| www.892277.com-福彩三d过滤软件| www.691.net-竞彩2串1投资计划| www.02405.com-乐彩3d蜂巢配胆图| www.019301.com-遵义福彩中心| 金彩www.984jc.com| 天地彩www.11tdc.com| www.75ik.com-乐彩网静态论谈| www.04622.com-微信上买彩票合法吗| www.5738.wang-体彩机操作方法| www.604434.com-彩票实体票怎么领奖| www.746473.com-安装天天爱彩票网| www.661300.com-彩票号码之间关联| www.310040.com-孙宪斌体彩-| www.567258.com-沈阳旋风彩虹机厂家| www.82947.com-有没有玩彩票高手| www.i41.website彩票大全开奖器| www.11761.com-幸运28购彩平台| www.081468.com-高兴彩票app下载| www.09yx.com-福彩封机时间| www.633030.com-体育篮球彩票| www.697727.com-彩仙散胆专家专栏| www.527522.cc-时时彩算和值的方法| www.529711.com-彩票延时开奖| www.cp422.com-极速快三怎么玩稳赚| www.403340.com-安装七星彩票下载| www.458559.com-e球彩中奖秘诀| www.758386.com-彩票实体店网上销售| www.202530.com-彩之星江苏快3| www.uc17.com-江苏快三最长的龙| www.115076.com-福彩投注机开通快三| www.800927.com-福彩3d天天黑白报| www.688376.com-中奖吧彩票-| www.930410.cc-南洋彩软件-| www.515151.cc-彩家园是黑平台吗| www.222082.com-河北快三统计| www.yn94.com-网上购彩怎么兑奖| www.284955.com-北京快三豹子规律| www.508657.com-湖北快三合值跨度图|