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天

知道了
1分快三 www.978729.com-好彩一投注技考| www.128439.com-福彩官方网-| www.617882.com-开彩365app-| www.761750.com-下载福彩群英会| www.877792.com-我想做网络私彩代理| 500彩票www.26299r.com| www.033092.com-炫乐彩票标准版| www.2692.cn-如意彩票开奖| www.006304.com-九州彩票平台网址| www.7171.loan-博彩精英专栏| www.37393.cc-体彩计划是真是假| www.121435.com-长沙彩票网络诈骗案| www.2100.com-多彩贵州公园省| www.51431.com-江苏足彩-| www.036861.com-彩票榜软件下载| www.129640.com-中华彩票苹果版本| www.3cr.com-上海时时乐开彩结果| www.791908.com-2017足彩漏洞| www.358432.com-1234彩票网-| www.535377.com-九号彩票手机版下载| www.771097.com-国乐彩软件在哪下载| www.867167.com-查一下上期福彩号码| www.954940.com-黑客攻击时时彩| 吉彩www.303865.com| www.8601.top-电视剧彩票-| www.400046.com-五分彩有计算方法吗| www.682823.com-体彩3d综合走势图| www.7283.cn-关于彩虹的童谣| www.77209.com-慱发彩票是那里的| www.100449.com-百乐彩怎么下架了| www.444146.com-体彩3d怎么算中奖| www.984521.com-彩8怎么下载| www.hw49.com-福彩害人-| www.515772.com-彩票中奖纠纷| www.646853.com-足彩14场大奖案例| www.8206.org-玖亿彩票是真的吗| www.64474.com-篮球竞彩博彩软件| www.113143.com-七乐彩胆拖投注图| www.667183.com-在马来西亚积宝彩票| www.yi57.com-安徽彩票快3| www.960.com-大乐透彩票怎么看| www.6133.cc-马彩三中三-| www.9417.top-体彩票走势图| www.027019.com-网站投5分彩被骗了| www.98342.com-腾讯自开彩-| www.408802.com-中彩网囚牛行势走势| www.587269.com-重庆时时彩赔率高| www.085033.com-天天彩票坑吗| www.464.net-彩票托犯法吗| www.244341.com-中国体彩的走势图| www.699400.com-福彩双色球开奖40| www.680532.com-体彩排列三跨度表| www.773068.com-彩票预测最简单方法| www.882068.com-彩票兼职可靠吗| www.32go.com-彩虹照片背景图片| www.1679.in-爱彩乐用户注册失败| www.497377.com-我玩福彩亏了七万| www.fi5.com-下载时时彩投注平台| www.522279.com-相年富彩之网| www.591768.com-sts博彩-| www.32883.cc-七位数江苏体彩网| www.035003.com-青岛市福彩中心| www.154507.com-如何在高频彩里赚钱| www.153061.com-中国体彩生肖| www.11kk.com-河内5分彩下载| www.271.red-压模彩色地坪材料| www.805277.com-天津彩色纸箱厂| www.yg75.com-腾讯分分彩漏洞百出| www.148454.com-500彩神官网| www.272651.com-福利彩票有哪几种| www.17123.cc-彩票的价格-| www.673853.com-中国古代彩画分为| www.35302.com-江苏快三群微信| www.96524.cc-3月17日竞彩预测| www.180219.com-福彩快3彩票| www.121375.com-福利彩票双色开结果| www.004568.com-福彩开将结果| www.16096.com-一分彩计划-| www.48ni.com-星彩无慘-| www.39044.com-广东福彩快乐十分钟| www.335258.com-河北省福彩中心地图| www.450906.com-优游体彩-| www.561371.com-首页买彩网-| www.651119.com-陈流风景水彩视频| www.809266.com-中奖概率最低的彩票| www.23oj.com-金彩网天下彩特吧| www.242018.com-福彩2元网走势图| www.332081.com-彩皇网app-| www.419585.com-线下买产品送彩票| www.682089.com-谁有微信足彩群| www.779573.com-山西大同彩票中大奖| www.859911.com-体彩排列3d开机号| www.926516.com-开福彩店-| www.973485.com-真实彩虹图片| 双彩网www.631012.com| www.217696.com-重时时彩五星走势图| www.370.biz-诚信彩票登录网址| www.ke22.com-玩彩票属于赌博吗| www.73vi.com-新加坡十分彩官网| www.1494.pw-雨后彩虹的头像图片| www.01957.com-彩虹六号高端技巧| www.48166.cc-空打彩票-| www.6567.cm-鑫彩晶瓷王美缝剂| www.33174.com-国家快频彩票有哪些| www.77669.cc-黑龙江福彩领奖规定| www.029635.com-大众彩票app下载| www.921013.com-彩99官网-| 梦想彩票站www.43131q.com| www.027759.com-093彩票怎么没了| www.20165.com-福建体彩11一定牛| www.011822.com-星期一什么彩票开奖| www.137385.com-体彩p62-| www.233312.com-爱彩乐北京-| www.357179.com-单位年会彩票| www.95825.com-体育彩票公益口号| www.444036.com-心脏彩超sv低| www.751344.com-今日彩是什么| www.964386.com-完美网彩票网页版| www.795996.com-幸运快三邦投| www.c1.org-68彩票-| 新盈彩www.xinyc1.com| www.218239.com-百盈快三官网| www.145544.com-体彩p3走势图| www.262090.com-福利彩票网站| www.i49.net-中彩吧app下载| www.61qd.com-砺儿看彩推号3d| www.0815.online好彩票是骗人| www.34tf.com-蜀州通的彩票地址| www.832730.com-七彩图趣味看图测彩| www.220049.com-青海快三电子走势图| www.6434.com-彩票平台话术| www.cai876.com-快三口诀逢3下15| www.235559.com-105彩票网-| www.099437.com-体彩36走势图| www.07162.com-邯郸结婚彩礼顺口溜| www.137296.com-彩票兼职做四个任务| www.277190.com-快十分钟彩票| www.616969.com-江苏体彩排列5跨度| www.783882.com-彩票最早开奖结果| www.872986.com-栋栋团队福彩3d| www.ih83.com-中彩那天的课文内容| www.zz74.com-七乐彩开奖号| www.66214.com-宁夏福彩中奖记录| www.351222.com-体彩店挣钱吗| www.433994.com-福彩怎么买稳赚不赔| www.537962.com-彩云国红仙-| www.614119.com-彩票网乐天预测| www.712935.com-移动短信怎么买彩票| www.875156.com-快三技巧稳赚方法| www.947425.com-彩吧论坛首页天气网| 818合彩www.www.1555hc.com| www.198165.com-3d新彩吧字谜| www.288049.com-网上合买彩票软件| www.730987.com-浙江福彩61生肖| www.806328.com-八亿彩票-| www.955666.com-河北快三遣漏值| 亚洲彩www.68568i.com| www.lw40.com-青海西快三查询| www.94la.com-易经看彩票-| www.178128.com-彩票136-| www.280078.com-时时彩预测下期| www.56438.com-uc彩票是不是诈骗| www.939729.cc-国内的彩票真的假吗| www.658087.com-多视彩电视是哪出的|