jQuery点击弹出订阅窗口特效代码下载
代码结构
1. 引入JS
<script type="text/javascript" src="js/jquery.min.js"></script>
2. HTML代码
<div class="button"> <button><span>点击</span></button></div><div class="pop-up"> <div class="content"> <div class="container"> <div class="dots"> <div class="dot"></div> <div class="dot"></div> <div class="dot"></div> </div> <span class="close">关闭</span> <div class="title"> <h1>订阅</h1> </div> <img src="img/cXsiNryL.png" alt="Car"> <div class="subscribe"> <h1>订阅获取最新消息和更新。</h1> <form> <input type="email" placeholder="输入邮箱"> <input type="button" value="订阅"> </form> </div> </div> </div></div><script>$('button').click(function(){ $('.pop-up').addClass('open');});$('.pop-up .close').click(function(){ $('.pop-up').removeClass('open');});</script><div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff"></div>