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天

知道了
百盈PK10 500万彩票www.05500w.com| www.661630.com-如何竞猜足彩中奖| www.763658.com-华宇彩票平台合法吗| www.877173.com-全球彩票ios| www.964821.com-广西快三遗漏号码| www.cai3906.com体彩快3-| www.187427.com-新时时彩下载| www.441238.com-鼎盛彩票手机平台网| www.564758.com-河南省体育彩票官网| www.672285.com-七星彩牛彩网预测| www.029172.com-体彩屋安全吗| www.133981.com-体彩足球竞猜规则| www.238990.com-下载五亿彩app| www.a19.com-财神彩票app下载| www.22em.com-高频彩开奖源码| www.024543.com-彩福彩票安全吗| www.123547.com-彩票专业带赚老师| www.237764.com-福彩快三中奖查询表| www.330984.com-彩票app代理平台| www.442062.com-邯郸转让体育彩票站| www.567374.com-南京福利彩票投注站| www.064800.com-哪个彩票网站返点高| www.293093.com-河南快三号码走势图| www.441586.com-众彩乐公司是哪里| www.897864.com-七星彩开将记录| www.029162.com-8体彩屋是真的吗| www.138979.com-天空彩票app| www.08352.com-彩票宣传广告词| www.i20.club-福利彩票店装修| www.316170.com-体彩大乐透兑奖表图| www.533552.com-举报明发彩票| www.513.biz-全国福彩积分网| www.9457.org-游客彩票中奖| www.042247.com-竞彩篮球奖金计算器| www.1999.mobi-和彩自助-| www.168961.com-内蒙古快三网下载| www.kr9.com-彩票开奖查诃| www.743165.com-购彩3是什么东西| www.817611.com-中国福利彩票站| www.889558.com-248凤凰彩票| www.956203.com-福彩新彩吧手机版| 500彩票www.500107.com| www.9138.wang-竞彩海报-| www.97211.cc-玩蛋蛋福彩-| www.298242.com-腾讯时时彩开奖结果| www.445772.com-nba精彩视频| www.576007.com-如意彩票开奖| www.074499.com-金彩100是传销吗| www.678279.com-重庆福彩自助购票| www.080136.com-大发快三豹子是什么| www.474789.com-风凰彩票app| www.979354.com-好彩烟红色多少钱| www.393.com-旺财彩票大师| www.062467.com-乐彩网工具图| www.672611.com-七星彩19042| www.83017.com-119彩票下载| www.44hb.com-区块链彩票可以玩吗| www.832293.com-七彩影视-| www.917068.com-亚洲彩票进群靠谱吗| www.976498.com-河南中奖彩票| www.jc33.com-福利三d彩票开奖| www.024682.com-福彩积分怎么下载| www.ui39.com-彩客电脑版-| www.265773.com-快三复式中奖表| www.782673.com-双色球杀号百度乐彩| www.130673.com-快彩联盟有没有假| www.93608.com-贵州快三移漏| www.677091.com-彩色压模混凝土厂家| www.824977.com-体彩18147期| www.910722.com-中国足彩网足彩| www.983670.com-彩票app下架| www.cn60.com-北京快三开奖时间表| www.874940.com-优游彩票娱乐平台| www.26861.cc-七乐彩生肖幸运选号| www.6543.cm-众吧彩票-| www.042944.com-概率学的彩票原理| www.204619.com-江西福利彩票兑奖| www.560787.com-真正的足彩高手| www.354849.com-360竞彩足球彩票| www.553761.com-竞彩腰斩比赛怎么算| www.759669.com-五福彩票通用版网站| www.952258.com-中国彩票官方版下载| 环球彩票www.47d.cc| www.982208.com-今日彩票5分快3| www.fc.com-吉林快三玩法赔率| www.793923.com-福彩不算赌博吗| www.45977.cc-亿彩团-| www.2045.tv-建彩票平台-| www.60611.cc-河北体彩中心地址| www.765208.com-手机博彩作弊软件| www.865339.com-福彩3d遗漏分析| www.953460.com-好彩三复式四中四| 500万彩票www.08500w.com| www.303282.com-双彩论坛字谜| www.759225.com-福利彩票农场方法| www.887638.com-中国体育彩票开奖号| www.yv.com-银川福彩中心在哪| www.874896.com-体育竞彩app排行| www.708093.com-blued彩票赚钱| www.824654.com-衡阳福彩中心电话| www.638740.com-福彩的属性是| www.349722.com-老梁说彩票是哪期| www.537615.com-彩色造句子-| www.662666.cc-肥城市体彩中大奖| www.258658.com-足彩胜负开奖结果| www.207510.com-彩票软件官方下载| www.8009.link-小班彩虹伞教案反思| www.816751.com-周六能买啥彩票号| www.973201.com-彩虹代刷app源码| www.p32.com-体育彩票怎么买号| www.092392.com-福建体彩网阿四论坛| www.132547.com-潘多拉8度彩妆| www.820037.com-河南福彩开奖| www.892392.com-高频彩有22个号码| www.957232.com-南国彩票精彩论| 818合彩www.www.8000hc.com| www.088396.com-xy77彩票app| www.893811.com-778彩票网app| www.1111.org-竞彩绝巧-| www.89967.cc-七星彩在线模拟摇号| www.70hi.com-贵港市福彩中心| www.07208.com-福利彩票下载下| www.621870.com-乐彩lccp01-| www.685473.com-双彩论坛手机版首页| www.750987.com-这期七星彩出奖结果| www.814544.com-彩票游戏开元棋牌| www.878884.com-河北快三初几开奖| www.933735.com-彩票指南电子报| www.981794.com-故乡的山歌钟彩媚| www.os0.cc-快三稳赢方法| www.10ys.cc-神兽时时彩苹果| www.334847.com-万豪彩票手机版| www.534889.com-七星彩四定遗留| www.601601.com-七天彩票网上购买| www.915538.com-手机淘宝福彩| www.983842.com-福利彩票领奖| www.br7.com-快三多少组号| www.674509.com-双色球彩票开奖历史| www.990928.com-万彩计划官网| www.6988.org-福彩体彩玩法介绍| www.772483.com-2628彩下载-| www.cp99.com-一定牛彩票网| www.62vu.com-西安福彩投注站转让| www.932747.com-那个软件可以买快三| www.fj43.com-快3彩票害死多少人| www.2635.cm-时时彩改-| www.676.com-重庆福彩大楼在哪里| www.6067.vip-足彩14场胜负场| www.8671.wang-查福彩3d开奖| www.0896.net-体彩20倍现金头奖| www.681576.com-豪彩彩票注册| www.767475.com-牛蛙彩资料-| www.880014.com-彩票什么叫跨度| www.947958.com-中福彩国际文化| 大赢家彩票平台www.689632.com| www.wp75.com-如何看懂走势图彩票| www.38gg.com-彩礼风俗的真相| www.312531.com-鑫彩美缝剂批发| www.25965.cc-彩虹色是什么意思| www.518812.com-女子中彩票51亿| www.630109.com-电子彩报3d版| www.lx.cc-青海福彩快三下载| www.9106.vip-贵阳多彩贵州街图片| www.156410.com-香港好彩堂-|