继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jquery 简单的modal框

qaytix
关注TA
已关注
手记 104
粉丝 37
获赞 165

<!doctype html>

<html lang="en" class="no-js">


<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/reset.css">


<link rel="stylesheet" href="css/style.css">


   <script src="js/modernizr.js"></script>


<title>带动画效果jQuery+CSS3实现的弹出框弹出层效果</title>

</head>


<body>

<a href="#0" class="cd-popup-trigger">点我弹出</a>

<div class="cd-popup" role="alert">

<div class="cd-popup-container">

<p>这里是弹出内容</p>

<ul class="cd-buttons">

<li><a href="#0">Yes</a></li>

<li><a href="#0">No</a></li>

</ul>

<a href="#0" class="cd-popup-close img-replace">Close</a>

</div>


</div>


   <script src="js/jquery.js"></script>

   <script src="js/main.js"></script>


</body>


</html>


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP