jQuery对话框右上角带关闭×
jQuery弹出可关闭遮罩层:http://hovertree.com/texiao/layer/1/
代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery对话框右上角带关闭× - 何问起</title><base target="_blank" /> <!-- Attach our CSS --> <link rel="stylesheet" href="http://hovertree.com/texiao/layer/1/reveal.css"> <!-- Attach necessary scripts --> <script type="text/javascript" src="http://down.hovertree.com/jquery/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://hovertree.com/texiao/layer/1/jquery.reveal.js"></script> <style type="text/css"> body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; } .big-link { display: block; margin-top: 50px; text-align: center; font-size: 30px; background-color:#eeeeee; color: #06f; } .hovertreeinfo{text-align:center;} .hovertreeinfo a{color:darkcyan;} </style> </head> <body> <div class="hovertreeinfo"> <h1>jQuery弹出可关闭层提示框</h1> </div> <a href="http://hovertree.com/h/bjaf/ati6k7yk.htm" class="big-link" data-reveal-id="myModal"> Demo 1 </a> <a href="http://hovertree.com/hvtart/bjae/lhnydfey.htm" class="big-link" data-reveal-id="myModal" data-animation="fade"> Demo 2 </a> <a href="http://hovertree.com/hvtart/bjae/vgte3y3a.htm" class="big-link" data-reveal-id="myModal" data-animation="none"> Demo 3 </a> <div id="myModal" class="reveal-modal"> <h1>jquery导出层</h1> <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS. 推荐使用Demo 1,和Demo 3两种方式。何问起 hovertree.com </p> <a class="close-reveal-modal">×</a> </div> <div class="hovertreeinfo">推荐使用Demo 1,和Demo 3两种方式. <br /> <a href="http://hovertree.com/h/bjaf/tishiceng.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <br />by 何问起 hovertree.com <br /> <!--<img src="http://hovertree.com/texiao/layer/1/modal-gloss.png" />--> </div> </body> </html>
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 使用C#创建一个MCP客户端
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 按钮权限的设计及实现