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.222280.com-大发快三能破解吗| www.729583.com-神彩通是真的吗| www.872879.com-彩票加盟咨询电话| www.949135.com-购买彩票的软件| www.mu19.com-旺彩3d软件下载| www.620376.com-河南商丘拓城彩礼| www.872711.com-福彩三的红五图库| www.cp811.com-快三有几个省开| www.00404.cc-彩票600万-| www.32180.cc-易彩网8位邀请码| www.0260.top-时时彩怎样看中奖没| www.855015.com-如何购买世界杯彩票| www.668291.com-怎么查彩票真假| www.cp0035.com-快三网上到处拉人| www.886862.com-网上彩票帮人代玩| www.77036.com-新浪胜负彩九场推荐| www.725609.com-胜彩彩票是合法的吗| www.997780.com-大发彩票注册| www.0567.com-天下精英彩免费资料| www.084465.com-快彩app浙-| www.3812.biz-雨鱼彩票专栏| www.538259.com-国彩是不是真的| www.7996.in-博彩词有哪些| www.34783.com-彩吧图库牛彩图库| www.hq89.cc-彩票最大投注倍数| www.25wh.com-老挝金三角博彩客服| www.c83.top-新利彩票软件下载| www.7862.com-足彩全包过滤条件| www.cp062.com-江西多乐彩老走势图| www.062532.com-买黑彩犯法吗| www.24ht.com-尼彩iphone7| www.020100.com-南国彩票7星彩论坛| www.330838.com-快彩网官网下载安装| www.353772.com-彩票和我股票风险大| www.96686.cc-龙山县彩票事件| www.2044.com-澳门有快三彩票么| www.934114.com-凤凰彩票不出款| www.1607.vip-微信群里的五分快三| www.la75.com-好彩客手机版app| www.14.cc-福彩出什么号码| www.333900.com-4位数买什么彩票| www.0050.wang-给几组彩票号码| www.164038.com-体彩竞彩容错| www.319200.com-七星彩下载最新版本| www.18lp.com-七乐彩31期预测| www.987334.com-彩999彩票官方网| www.496942.com-首彩西拉红葡萄酒| www.682331.com-河北省彩票开奖结果| www.r45.me-快三开奖时间是几点| www.654913.com-时时彩号码复式| www.l70.cc-彩票高频走势图| www.9872.pw-福彩双色球开机号| www.972029.com-湖北体彩案细节| www.dt.com-爱彩乐武汉快三| www.qo91.com-福彩3d乐彩网草儿| www.2yv.com-时时彩平台信誉排名| www.565.cm-上海体育彩票一定牛| www.925279.com-体彩排三杀号定毒胆| www.982496.com-优博时时彩平台下载| www.ji8.cc-q彩软件-| www.no70.com-宁夏快三100期| www.0cc.cc-2000彩-| www.62hk.com-福彩旗下有哪些产品| www.952431.com-k彩福地彩票客服| www.97122.com-足彩去哪里买得到| www.428734.com-玛雅彩票游戏网址| www.561918.com-福彩在线试刮| www.661885.com-射阳县体育竞彩店| www.dp67.com-快三追号欠下巨款| www.qa79.com-567彩票官网| www.543078.com-彩票中大奖真实吗| www.008820.com-福彩双手球开奖结果| www.196177.com-爱彩乐预测-| www.382701.com-胜负彩19030| www.559267.com-内快三开奖结果| www.696565.com-陈教授研究彩票的| www.855441.com-深圳快乐彩技巧| www.982298.com-六福彩是什么| www.fm55.com-分分快三真的假的| www.zl37.com-乐米彩票app网址| www.677.live-最新时时彩计划软件| www.6258.com-五福彩票是骗局吗| www.479204.com-怎样下载好彩743| www.820955.com-博兴彩钢板-| 中彩网www.81233s.com| www.572932.com-湖北精彩十分奖级表| 博通彩票www.907994.com| www.9459.cc-彩神pk10计划| www.0522.cn-神彩通三中三会员| www.095954.com-现在买彩金的人多吗| 500彩票网www.701775.com| www.878731.com-江西赣州福利彩票| www.333962.com-微博彩票游戏| www.l23.cn-带彩票的棋牌| www.982710.com-广东好彩一预测推荐| www.53691.cc-时时彩庄家如何赚钱| www.180231.com-福利彩票字谜汇总| www.332111.com-体彩还是福彩赚钱| www.493758.com-网上购买彩票合法吗| www.748670.com-福彩快3邀请码| www.943189.com-网络彩票负盈利骗局| www.318263.com-创意水彩画-| www.747909.com-环彩彩票app下载| www.818801.cc-传统足球彩票对阵表| www.888498.com-网易买彩票的app| www.955033.com-澳洲五分彩存在吗| www.999946.com-在香港买彩票| www.ck66.cc-中国体彩网开奖查询| www.358944.com-体育彩票多少个号| www.503025.com-c语言体彩-| www.581428.com-星彩网开机号3d| www.661940.com-竞彩串关奖金怎么算| www.753481.com-福彩三d北京谜| www.834799.com-好彩黑蓝好多钱一包| www.916062.com-现在福彩生意好做吗| www.977665.com-在哪买世界杯彩票| www.ak68.com-福彩3d试机号查询| www.996360.com-足彩北单官网| www.fx76.com-彩票托的照片| www.vn65.com-快三平台骗人| www.447552.com-彩票三地开奖号| www.076881.com-体彩高效订票app| www.202078.com-苏州市福利彩票中心| www.290684.com-内蒙快三儿-| www.597005.com-好运彩开奖-| www.673103.com-七星彩多久不能兑奖| www.742226.com-什么是公彩-| www.818620.com-海南七星彩头尾图规| www.881301.com-福彩快三的中奖规则| www.953424.com-体彩中奖多少钱| www.dc59.com-彩票365正规吗| www.xn17.com-快易彩票app下载| www.50qp.com-什么软件能买足彩| www.kt23.com-平台彩票-| www.y92.cn-彩漫福利本子动态| www.44wv.com-uc彩票技巧-| www.383.cx-百胜彩票下载| www.450004.com-篮彩竞猜推荐| www.003218.com-如何开彩票站| www.491814.com-彩票009合法吗| www.36pi.com-买足球竞彩靠谱不| www.150510.com-澳门快三开奖| www.390039.com-中彩票靠的是什么| www.69926.com-竞彩篮球编号| www.801153.com-咸郎平谈彩票| www.5728.cn-附近福彩站-| www.25216.cc-彩铅画的目的| www.66070.cc-青海福彩双色球开奖| www.663868.com-体育七彩开奖| www.089611.com-8816网络彩票| www.4589.net-玩彩票亏损安抚客户| www.3988.pw-全球足球竞彩分布| www.217221.com-彩客彩票老版| www.337721.com-西宁市福彩领奖地址| www.va67.com-河南福彩网官方网站| www.494448.com-澳门博彩控app| www.8189.biz-幻彩排三预测044| www.98618.cc-足彩最多几串一| www.114236.com-彩票网app下载| www.408480.com-彩票联盟平台q| www.519899.com-快三能买跨度吗| www.029655.com-七星彩中奖号吗| www.119373.com-彩神争霸内部邀请码| www.189230.com-百姓彩票网-|