<div class="modal fade modal_position" id="myModal" tabindex="-1" style="min-width:275px;">
<div class="modal-dialog modal-sm">
<div class="modal-content skill-group-content">
<button type="button" class="close skill_group_close" aria-label="Close"
data-dismiss="modal" aria-hidden="true">
×
</button>
<div class="modal-body">
<div class="modal-body-type">
<label class="webchat" for='webchat_topeer'>选择技能组</label>
<select class="webchat" id='webchat_topeer'></select>
</div>
<div class="modal-body-type">
<label class="webchat" for='type_name'>类型名称</label>
<input class="webchat" type='text' id='type_name' required>
</div>
<div class="modal-body-type">
<label>启用咨询类型</label>
<input id="webchat_showTypeName" style="width:20px; height:20px;" type="checkbox" value="true" name="webchat_showTypeName" checked="checked">
</div>
<button type="button" class="btn-small btn-position ds_do_action" ds_action="config.channel.addSkillGroup">
确定
</button>
</div>
</div><!-- /.modal-content -->
</div>
</div>
<script>
$('#myModal').modal().css({
'margin-top': function () {
return ($(this).height() * 1.5);
}
});
</script>
使用jquery通过在css样式中设置margin-top的值得大小可以改变距离顶端的距离。也可以在style中修改
div.modal.fade.in{top:10%;}修改为任意的大小
分享到:
相关推荐
bootstrap模态框弹出效果是一款15种模态框弹出效果代码。
bootstrap模态框的15种不同的特效,很好爱的发声发呢嘎达股份的嘎嘎嘎德国阿嘎多哈哈地方深粉色发发斯蒂芬
Bootstrap响应式模态登录框插件,jQuery基于Bootstrap制作的一款响应式模态登录框插件,点击遮罩弹出登录窗口代码。
15种bootstrap模态框动画弹出特效 兼容性好 bootstrap
bootstrap模态框弹出效果是一款15种模态框弹出效果代码。
今天小编就为大家分享一篇bootstrap模态框弹出和隐藏,动态改变中间内容的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
模态框(Modal)是覆盖在父窗体上的子窗体。...以上所述是小编给大家介绍的Bootstrap 模态框(Modal)带参数传值实例,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的
BootStrap模态框简单概述 Bootstrap Modals(模态框)是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富用户体验,或者为用户添加实用功能。您可以在 Modals(模态框)中使用 Popover(弹出框)和 ...
可拖拽的bootstrap弹出窗口结合jquery-ui实现的弹出和拖拽效果。
bootstrap模态框弹出效果是一款15种模态框弹出效果代码。
其实这种弹出窗口有很多jquery插件都可以实现,我这边前端都是用Bootstrap的,正好Bootstrap有模态框这个功能,这下就可以直接拿它实现了。 实现步骤如下: 在前端页面引入bootstrap相关的css和js文件 <link rel...
点击下面的按钮一次,弹出模态框。点击提交,会直接 alert(“提交”) 。点击一次会觉得很正常,但是如果你重复点几次模态框,会发现再次点击 提交 ,alert 会出现多次。 简书无法展现效果,可参见 代码如下...
bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集。这篇文章主要介绍了BootStrap中的模态框(modal,弹出层),需要的朋友可以参考下
ModalLayer是一款带多种形式的模态框插件,js网页弹出框代码,支持倒计时、确认对话框、弹窗iframe等。
本文实例为大家分享了Bootstrap模态框的两种使用状况,供大家参考,具体内容如下 一.模态框的正常点击出现,如添加功能 <button type=button class=btn btn-blue style=width: 100px; data-toggle=modal data-...
在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入. 解决方法: 1. 把页面中的 tabindex=-1 删掉(测试成功): <button type=button class=close data-di
主要介绍了扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框,需要的朋友可以参考下
Bootstrap的Modal模态框取消时有多重阴影解决的JS代码,希望可以帮到大家!Bootstrap的Modal模态框取消时有多重阴影解决的JS代码,希望可以帮到大家!