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天

知道了
彩01彩票 www.911802.com-瑞彩网用户注册| www.441238.com-鼎盛彩票手机平台网| www.571748.com-网络彩票能玩吗| www.668303.com-去国外彩票公司上班| www.778552.com-大乐透浙江风彩网| www.874121.com-大彩最新开彩成绩| www.956907.com-快三选号图-| 旺旺彩票www.584499.com| www.od76.com-体彩网足球比分直播| www.47.biz-2016六开彩-| www.2847.vip-云南七星彩中奖详情| www.752581.com-乐购彩彩票网| www.888851.com-王者彩票218| www.982298.com-六福彩是什么| www.zg0.cc-福彩3d玩法-| www.695283.com-足彩串关技巧| www.791948.com-附近最近彩票站| www.870627.com-广西快乐双彩| www.947897.com-体彩中心专管员工资| 鑫亿彩www.031079.com| www.rg22.cc-红牛快三平台| www.771405.com-体彩任三开奖| www.867185.com-久久彩票app| www.943115.com-快三带人骗局谁知道| www.997384.com-永輝彩票下载| www.at45.com-私彩平台信誉排名| www.rt77.com-魔方彩票真假| www.7556.com-福彩3d技巧牛材网| www.795015.com-上海市体彩兑奖| www.929350.com-9彩票网-| 旭彩www.565378.com| www.tr39.com-博彩白菜-| www.56nw.com-彩票软件有哪些| www.11186.com-任九胜负彩开奖结果| www.3190.vip-海口网七星彩早版版| www.8863.club-有博彩专业的大学| www.36602.com-澳彩网客户端| www.830340.com-查询彩票的最好软件| www.516259.com-乐彩赢攻略-| www.557794.com-复式彩票中奖规则| www.726875.com-全球彩票app苹果| www.898622.com-3d彩民乐钱图今天| www.066008.com-彩虹代刷网装修代码| www.979343.com-大发快三亿博计划| www.sr00.com-很多体彩店没有竞彩| www.522057.com-5亿彩票可靠吗| www.183679.com-北京快三免费计划| www.vx63.com-江苏快三开始时间| www.96hj.com-东森彩票平台网址| www.9163.online彩78彩票坑不坑| www.23725.com-时时彩百胜计划软件| www.011855.com-星期六开什么彩票奖| www.886131.com-国民彩票官网下载| www.871511.com-福彩双色球投注软件| www.311270.com-甘肃快三两元网| www.476898.com-内蒙古体彩手机在线| www.591993.com-新粤彩联盟彩图| www.700438.com-彩界之首专家专栏| www.833338.com-有没有彩票店二维码| www.932605.com-郑州彩色纸箱厂家| 中国福利彩票www.33588s.com| www.yh94.com-彩票777网站诈骗| www.62vg.com-陕西福彩怎么申请| www.137469.com-私彩返点是什么意思| www.638.website有分分3d彩网| www.78068.cc-500彩客服-| www.179972.com-快开福彩三分钟一次| www.445872.com-彩票平台怎么搭建| www.858499.com-双色球彩报联销图| www.985294.com-江苏快三怎么代理| www.ud06.com-123彩票官方网站| www.8677.loan-福彩第一彩票开奖| www.91038.com-今天的羊城晚报好彩| www.082054.com-彩票作弊事件| www.200068.com-中国手机彩票网| www.368388.com-落日余晖彩铅画教程| www.017838.com-双色球彩票怎么买| www.330978.com-人人中奖彩票真实吗| www.482582.com-长春吉康彩溢大选| www.771090.com-安徽快三吧-| www.928171.com-彩店宝店主版| www.ot74.com-福彩17500首页| www.025379.com-福彩门户免费资料| www.289766.com-手机购彩软件排行| www.520448.com-穷人买彩票有希望吗| www.645817.cc-胜负彩、手机新浪网| www.831240.com-胜负彩19033| www.037137.com-福彩平台app| www.902282.com-福彩3d图库彩吧图| www.np2.cc-好彩3奖金查询| www.cp1700.com-幸运快三计划单双| www.783551.com-九五贵宾会彩票网| www.9xt.com-澳洲5分彩杀号技巧| www.77178.cc-微彩网004159| www.597666.cc-欢乐时时彩专业版| www.266585.com-福彩3d吧图猜谜| www.157122.com-快乐彩20选八| www.356300.com-国外彩票算法| www.7222.me-彩虹6号第四年季票| www.51bq.cc-足彩任九过滤技巧| www.8226.cm-合一彩票登陆| www.492380.com-500彩票兼职| www.582318.com-在哪里下载冠彩网| www.661922.com-竞彩八串大奖| www.720150.com-如何选七星彩号| www.788563.com-福彩今天试机号| www.652497.com-发梦中彩票的图片| www.322693.com-海口七星彩现场直播| www.488895.com-go彩刷流水可靠吗| www.142541.com-彩运8导师-| www.320049.com-彩票306软件在线| www.tr61.com-彩票合买app| www.848578.com-足彩竞彩今日推荐| www.967379.com-彩票群违规-| 500彩票www.503477.com| www.xy40.com-彩票史上最大奖| www.4114.vip-七星彩局王奖表下载| www.45905.com-幸运赛车彩票| www.cai4678.com江苏快三专家预测号| www.ur79.com-下载内蒙古快三安装| www.07yz.com-如何画芒果彩铅画| www.70xk.com-彩易达招聘信息| www.160707.com-排三走势乐彩网| www.04dw.com-专业的彩票搜索引擎| www.539997.com-花式快三-| www.813576.com-丈夫买足彩赌博欠债| www.926708.com-彩票达人论坛| 超级彩票www.566011.com| www.ah7.com-福彩宁夏快三开奖| www.752.me-重庆时时彩和值大小| www.43258.com-久久炫彩彩票| www.021342.com-七乐彩走势图带线| www.129647.com-快三彩票几点开奖| www.192876.com-乐和彩彩票等待开奖| www.274398.com-天天分分彩-| www.365771.cc-上海七乐彩开奖号码| www.997697.com-快中彩走势图app| www.bo90.com-彩店宝app-| www.974047.com-快三秒招聘-| www.3uv.com-彩票走势图表图| www.25ey.com-腾讯分分彩漏洞教程| www.9111.mobi-七乐彩历史对比器| www.872882.com-大公鸡七星彩奖表图| www.28689.com-帮博彩公司收款| www.032028.com-推广彩票犯法吗| www.162395.com-足彩86-| www.029178.com-三宝生活体彩app| www.72000.cc-288彩猫网-| www.864360.com-178彩票邀请码| www.40bj.cc-七星彩近300期| www.112180.com-注册送彩金的街机| www.3401.com-腾讯天天中彩票| www.08606.com-7070彩票网-| www.045178.com-福利彩票5分钟开奖| www.8au.com-玩彩票大平台靠谱不| www.179825.com-红快三开奖-| www.s70.org-中福福彩下载安装| www.969249.com-公益团队彩票计划| www.ab66.com-甘肃快三遗漏官方| www.819781.com-射手座买彩票什么号| www.903349.com-中原福彩22选5| www.978696.com-好彩∫开奖结果| www.pd9.cc-彩票中奖被害| www.rh68.com-北京时时彩官网首页|