首页>>Jquery文字>>超简单的弹出层(2015-11-17)

超简单的弹出层

超简单的弹出层
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <button class="btn-modal" aria-haspopup="true">Open Modal</button>  
  2.   
  3.     <!-- Modal Box -->  
  4.     <div class="mask" role="dialog"></div>  
  5.     <div class="elegant-modal" role="alert">  
  6.         <button class="close" role="button">X</button>  
  7.         <!-- Content -->  
  8.         <h1 class="title-modal">Modal Content</h1>  
  9.         <hr class="line-modal">  
  10.         <p class="paragraph-modal">这个是一个隐藏的层，弹出后显示</p>  
  11.         <button class="content-button-close">CLOSE (:</button>  
  12.     </div>  

 


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