超简洁的弹出层效果

最新推荐文章于 2019-09-06 11:15:18 发布

最新推荐文章于 2019-09-06 11:15:18 发布 · 196 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用HTML和JavaScript实现的简洁弹出层效果。通过简单的代码即可完成一个带有关闭按钮的弹出层，适用于多种网页应用场景。

超简洁的弹出层效果

演示

   XML/HTML Code
  

   <div id="display">点击我</div>  
<div class="overlay">  
<div class="inner">  
<div class="content"> 弹出层<br>  
<br>  
freejs.net<br>  
<br>  
</div>  
<span class="close"></span> </div>  
<div class="transparency"></div>  
</div>  

  

   JavaScript Code
  

   <script type="text/javascript">  
            $(function() {  
                $("#display").justPopup();  
            });  
        </script>  

  