模态框modal-HTML
不通过按键触发modal的⽅式(代码位于同⼀⽂本中):
html实现用户注册登录代码modal中内容
1 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
2 <div class="modal-dialog">
3 <div class="modal-content">
4 ...
5 </div><!-- /.modal-content -->
6 </div><!-- /.modal -->
7 </div>
在需要modal⾃动弹出的地⽅
$('#myModal').modal('show');
如果需要对modal尺⼨进⾏调整则将上述代码变为
1 $('#myModal').modal('show').css({
2 width:'600px',
3 height:'300px',
4 "margin-left":"-400px"
5 });
margin-left:外边距,在此地为modal距离屏幕边缘,⽤于调整modal⽔平位置使其居中
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论