首页 > 代码库 > html弹框效果（移动Web）
html弹框效果（移动Web）
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title></title> 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 6 <meta name="keywords" content="The free Retina Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 8 9 <script src="js/jquery.min.js"></script>10 <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>11 <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">12 13 <script>14 $(document).ready(function() {15 $(‘.popup-with-zoom-anim‘).magnificPopup({16 type: ‘inline‘,17 fixedContentPos: false,18 fixedBgPos: true,19 overflowY: ‘auto‘,20 closeBtnInside: true,21 preloader: false,22 midClick: true,23 removalDelay: 300,24 mainClass: ‘my-mfp-zoom-in‘25 });26 });27 </script>28 29 </head>30 <body>31 <a class="popup-with-zoom-anim" href="#small-dialog" style="font-weight: bold;"> 报名请点击</a> 32 33 <div id="small-dialog" class="mfp-hide">34 <div class="pop_up">35 <h2>现在还不是报名时间!</h2>36 <p>详情请关注信息学院就业事务中心<br>官方微信:北林信息人<br/>二维码：<br/><center><img style="width:150px;" src="./images/xxtw.jpg"/></center></p>37 </div>38 </div>39 40 </body>41 </html>
html弹框效果（移动Web）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。