首页>>表单>>带动画效果的js模态对话框插件(2022-02-17)

带动画效果的js模态对话框插件

带动画效果的js模态对话框插件
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="row">  
  2.                     <div class="col-lg-12">  
  3.                         <a href="#" id="showModal" class="btn btn-success">显示模态对话框</a>  
  4.                     </div>  
  5.                 </div>  

 

JavaScript Code
  1. <div id="modal" class="modal">  
  2.         <div class="modal-dialog animated">  
  3.             <div class="modal-content">  
  4.                 <form class="form-horizontal" method="get">  
  5.                     <div class="modal-header">  
  6.                         <strong>HELLO，我是一个对话框！</strong>  
  7.                     </div>  
  8.   
  9.                     <div class="modal-body">  
  10.                         <div class="form-group">  
  11.                             <label for="dummyText" class="control-label col-xs-4">描述文本</label>  
  12.                             <div class="input-group col-xs-7">  
  13.                                 <input type="text" name="dummyText" id="dummyText" class="form-control" />  
  14.                             </div>  
  15.                         </div>  
  16.                     </div>  
  17.   
  18.                     <div class="modal-footer">  
  19.                         <button class="btn btn-default" type="button" onClick="modal.close();">取消</button>  
  20.                         <button class="btn btn-primary" type="submit" onClick="modal.close();">保存</button>  
  21.                     </div>  
  22.                 </form>  
  23.             </div>  
  24.         </div>  
  25.     </div>  

 


原文地址:http://www.freejs.net/article_biaodan_932.html