bootstrap实现弹窗和拖动效果_javascript技巧

这里，我们不使用静态打开的的方式，low...,1、添加一个a链接 触发，打开按钮;2、编写动态打开js脚本; 3、编写modal中间内容;4、添加拖动效果;5、打开多个modal , 调用dragModal(new Array('modalId1','modalId2'));

1、添加一个a链接 触发，打开按钮：

打开modal
 　　

2、编写动态打开js脚本：

3、编写modal中间内容：

 ×
 
modal window



 
 脚本名称：
 
 
 11
 22
 
 
 
 
 日期：
 
 
 
 
 
 是否停止：
 
 强制停止
 正常处理
 
 
 
 执行情况：
 
 11
 22成
 223行
 445
 55失败
 
 
 
 操作说明：
  <input type="hidden" id="id_add" value="22" />
 


 
 <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>

</ script>
</pre>

<p>4、添加拖动效果：</p>

<pre class="brush:js;"></pre>

<p>5、打开多个modal , 调用dragModal(new Array('modalId1','modalId2'));</p>
<p>整个过程即是如此，有需要的，就参考参考吧！ 




                <script type="text/javascript" src="https://jss.huatuo6.com/pc/wenzhang/detail_dy.js"></script>
            <script type="text/javascript" src="https://jss.hkig.cn/pc/wenzhang/detail_left.js"></script>
            </div>
            <div class="glfra_f">
                
                
            </div>
        </div>
        <script type="text/javascript" src="https://jss.hkig.cn/pc/wenzhang/wenzhang/detail_foot.js"></script>
        
                <script type="text/javascript" src="https://jss.hkig.cn/pc/share_right_gg1.js"></script>
        <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_xgzx.js"></script>
        <script type="text/javascript" src="https://jss.hkig.cn/pc/share_right_gg2.js"></script>
        <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_rmyd.js"></script>
    </div>
    <div class="n_right">
    <script type="text/javascript" src="https://jss.hkig.cn/pc/share_cebian_gg1.js"></script>
    <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmht.js"></script>
    <script type="text/javascript" src="https://jss.hkig.cn/pc/share_cebian_gg2.js"></script>
    <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmtw.js"></script>
    <script type="text/javascript" src="https://jss.hkig.cn/pc/share_cebian_gg3.js"></script>
    <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_wntj.js"></script>
    </div>
</div>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot3.js"></script><div class="foot">
    <div class="smain">
        <div class="foot_ano clearfix">
            <!-- <div class="foot_logo">
                <img src="images/logo_w.png" alt="AI游中国" />
            </div> -->
            <div class="foot_mesg">
                <p>
                    Copyright © 2019-<span class="currentYear"></span> hkig.cn 版权所有                 </p>
                <p>
                    违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
                </p>
                <p>
                    本站由北京市万商天勤律师事务所王兴未律师提供法律服务
                </p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    const currentYear = new Date().getFullYear();
$('.currentYear').html(currentYear)
</script>