jQuery动画模态窗口对话框特效

代码片段：

<section class="example">
  <h3 class="sub-title">HTML or Text</h3>
  <div class="codes">
<div class="code-cel">
 <h4 class="code-title">html</h4>
 <pre><code class="language-markup">&lt;!-- This example uses "animate.css" library by Daniel Eden, take a look at "daneden.github.io/animate.css" --&gt;
&lt;a href="#" class="link-html"
data-box-html="&lt;div class='example-html'>Hello there!&lt;/div>"
data-box-animate-open="animated tada"
data-box-animate-close="animated flipOutX">
HTML content example
&lt;/a></code></pre>
</div>
<div class="code-cel">
 <h4 class="code-title">js</h4>
 <pre><code class="language-javascript">$('.link-html').edbox();</code></pre>
</div>
  </div>
  <a href="#" class="btn btn-example link-html" data-box-html="<div class='example-html'>Hello there!</div>" data-box-animate-open="animated tada"
data-box-animate-close="animated flipOutX">HTML content example</a>
</section>