模态框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小时内删除。