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.qw05.com-吉林省新快三开奖| www.hm21.cc-中彩国际是骗局吗| www.1234.biz-123彩票正规吗| www.79595.com-彩捷报图迷总汇| www.127803.com-有关彩虹歌词| www.57311.cc-168时时彩app| www.061809.com-彩客网苹果怎么下载| www.139366.com-如意彩票网登录| www.71to.com-恆大彩票84849| www.920222.com-彩票模拟器投注器| www.811071.com-买福彩选号技巧| www.911646.com-福彩3d怎么玩的| www.iu31.com-竞彩网正规吗| www.08fr.com-彩铅风景画落日| www.762556.com-南国彩票论坛41| www.820698.com-中国福彩5-| www.45143.com-彩薇花化妆品| www.015550.com-彩票服务中信| www.059257.com-福利彩票新彩网| www.034593.com-彩名堂免费计划下载| www.125249.com-球探彩票ios| www.537696.com-北京福彩中奖号码| www.850.blue-福彩36-| www.5142.vip-福彩和体彩哪个好| www.13428.com-竞彩m串n-| www.086437.com-五福彩676cc| www.985553.com-彩票虚拟投注| www.945233.com-大连买彩票几点截止| www.nj31.com-约彩彩票下载| www.5188.tv-中国体彩35选7| www.565316.com-彩票诸葛白羊大推荐| www.706031.com-中国体育彩票网下载| www.308073.com-不会买彩票怎么办| www.59yx.cc-邯郸体彩中心加盟| www.4577.biz-彩票如何买中奖率高| www.32192.cc-易彩集团靠谱么| www.366060.com-水彩颜料哪个牌子好| www.wk36.com-1分快三走势| www.33qm.com-智能彩票售彩机器人| www.522402.com-幸运分分彩惊人骗局| www.615645.com-福彩快三提前开奖| www.726060.com-人人彩票怎么进不了| www.858139.com-足彩竞猜比分| www.926626.com-褔建体彩31选7| www.984001.com-518彩票登录| www.dx63.com-网络彩票赌博的危害| www.i57.com-福彩购买平台| www.53uc.com-彩票营销攻略| www.0143.cc-彩色的造句子一年级| www.03987.com-十四彩是什么| www.96268.cc-福彩中心1360| www.569537.com-彩票中奖感受| www.672900.com-七星彩推号码| www.798145.com-易彩乐是真的吗| www.882039.com-彩票工资车怎么做| www.979831.com-恒大彩票-| www.cp151.com-黑彩票平台快三| www.086207.com-海南时时彩开彩结果| www.010090.com-彩票店加盟费| www.6630.net-香港红财神报彩图| www.842563.com-体彩公益金申请| www.4651.vip-彩票运气最好的人| www.958538.com-我要下载彩99| www.pf8.cc-河北快三一定牛天| www.8vc.com-劲球彩票-| www.93os.com-五分彩怎么买容易中| www.248572.com-凤翔彩票手机app| www.86091.com-彩钢印花板-| www.233251.com-江苏快3爱乐彩| www.11531.com-八亿彩平台在线平台| www.65pe.com-体育彩票中途卖| www.947060.com-全国高频彩票有哪些| www.og29.com-快三软件作弊下载| www.504585.com-彩排的彩什么意思| www.28213.cc-哪里能买彩票| www.753029.com-八方娱乐app彩票| www.819597.com-跨省可以兑换彩票么| www.897552.com-混合过关竞彩篮球| www.960129.com-滴滴彩票注册送28| 老彩民www.616888.com| www.377892.com-9188彩票ios| www.502393.com-kk彩票网站-| www.39226.cc-福彩上海快三开奖| www.706493.com-玩黑彩票犯法吗| www.796524.com-印尼分分彩破解| www.885318.com-最有收藏价值的彩票| 快彩www.81678l.com| www.wi34.com-元芳看彩的彩票专栏| www.11786.com-体彩天齐网字图谜| www.814600.com-彩票机构改革动向| www.2114.xyz-江苏十一体彩选五| www.730118.com-新彩票走势图大全| www.824015.com-三彩女装正品折扣店| www.900016.cc-福利彩票店装修图| www.964109.com-如何成为快三高手| 老彩票www.775720.com| www.583662.com-时时彩后三走势| www.690342.com-足球竞彩走势图| www.771604.com-腾龙时时彩工具| www.911677.com-瑞彩网彩票可靠吗| www.998036.com-快发彩票是什么| www.xj47.com-甘肃福彩下载| www.3200.vip-爱中彩票应用| www.78870.cc-彩宝贝3d杀和值尾| www.7637.xyz-600彩票网登录| www.193787.com-体彩我-| www.795122.com-北京快三成控| www.897667.com-彩票店广告语语音| 百姓彩票www.bxcp3.com| www.191127.com-贵州彩票快三玩法| www.9722.org-彩宝怎么鉴定| www.9846.loan-古建山尖彩绘图案| www.0783.xyz-哪里能在线投注足彩| www.187323.com-时时彩作弊开挂| www.354687.com-彩票快三计划软件| www.532963.com-七星彩j几点开奖| www.648660.com-七彩椒怎么种植| www.911663.com-中国高频彩票的种类| www.cai3336.com快3彩票官网一牛网| www.442265.com-农村结婚彩礼| www.531888.com-生活没有彩排| www.082567.com-各省快三是真的吗| www.756839.com-10cp彩票-| www.777691.com-c71彩票-| 中国福利彩票www.33588h.com| www.363917.com-福彩3d9资料| www.828269.com-多点彩票-| www.jn0.cc-时时彩投注方法| www.89bk.com-热购彩票客服| www.016950.com-重庆时时彩官方| www.751555.com-手机彩票怎么停售了| www.796134.com-体彩选号-| www.223703.com-竞彩比分360| www.879103.com-河南幸运彩跑马势图| www.cp5223.com-百彩网-| www.435912.com-广东体彩中心app| www.572351.com-360彩票开奖比对| www.671459.com-福建体彩彩宝网| www.775467.com-大富彩票网-| www.874167.com-金藏彩群专栏| www.960946.com-中超彩票-| www.uu1.com-竞彩唯一漏洞| www.4883.biz-信彩黑平台曝光| www.144013.com-鼎盛彩票手机登录| www.22jv.com-充值话费上分的博彩| www.316511.com-彩222彩票app| www.9920.vip-49彩票网app| www.501509.com-北京众益彩-| www.648921.com-一定牛快三湖北| www.36669.cc-3d澳门彩报2| 大赢家彩票平台www.371931.com| www.7080.win-大福彩票投注站地址| www.5688.me-tt彩票下载-| www.05600.com-天天中彩票官方下载| www.320656.com-爱乐透七星彩360| www.887315.com-芒果彩票是不是骗局| www.tq2.com-江西福彩假彩票| www.vt51.com-快乐彩开奖走势图表| www.31623.cc-易彩网大乐透| www.ww7.cc-快三和值奖金表| www.yp06.com-江苏省体彩中心| www.58om.com-体彩大乐乐开奖结果| www.559580.com-天彩在线-| www.256340.cc-彩乐网下载安装|