这篇文章主要介绍了jQuery代码实现对话框右上角菜单带关闭× 的相关资料,需要的朋友可以参考下
先给大家展示下效果图，具体效果图如下所示，如果大家觉得还不错，请参考实现代码：
代码如下:
<!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>
<h1>jQuery弹出可关闭层提示框</h1>
</div>
<a href="http://hovertree.com/h/bjaf/ati6k7yk.htm" data-reveal-id="myModal">
Demo 1
</a>
<a href="http://hovertree.com/hvtart/bjae/lhnydfey.htm" data-reveal-id="myModal" data-animation="fade">
Demo 2
</a>
<a href="http://hovertree.com/hvtart/bjae/vgte3y3a.htm" data-reveal-id="myModal" data-animation="none">
Demo 3
</a>
<div id="myModal">
<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>×</a>
</div>
<div>推荐使用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>
以上所述是小编给大家介绍的jQuery代码实现对话框右上角菜单带关闭×的相关内容，希望对大家有所帮助！
- 元江县教育系统2015年选调县内中小学教师拟调人员公示
- 2015年安阳市汤阴县纪委/县人社局选调工作人员公告有关信息变更公告
- 景德镇市2015年考试招聘事业单位工作人员岗位表
- 2015年安阳市汤阴县纪委/县人社局选调工作人员公告(最新)
- 广东省2015年集中时间组织开展事业单位招聘韶关考区(市直)资格审核和面试公告
- 景德镇市2015年事业单位招聘工作人员公告
- 广东省2015年集中时间组织开展事业单位招聘韶关市仁化考点资格审核公告
- 2015年商丘学院诚聘辅导员启事
- 洛阳市嵩县2015年招聘事业单位专业技术人员申请加分人员公示(4)
- 2015年广安市华蓥市公安局招聘警务辅助人员公告
- 景德镇市2015年事业单位选聘高素质人才岗位表
- 2015年转漳州市平和县人民法院招聘辅警/速录员公告
- 新乡市封丘县2015年事业单位招聘体检人员通知
- 景德镇市2015年事业单位选聘高素质人才公告
- 2015年鹤壁市机关事业单位工勤技能岗位等级考核结果通知
- 2015年天津市宁河县卫生系统拟聘用工作人员公示
- 开封市2015年市直事业单位招聘公告(五)
- 2015年江门市体育运动学校/江门市体育场馆管理中心变更招聘入围面试范围声明
- 开封市2015年市直事业单位招聘公告(六)
- 2015年江门市市区地方公路养护中心变更路桥工程师岗位招聘条件声明
- 2015年江门市结核病防治所变更公卫医生岗位招聘条件声明
- 广元市卫生和计划生育委员会2014年下半年直属事业单位招聘拟聘人员公示
- 开封市2015年市直事业单位电工操作技能考核准备通知单
- 江门市疾病预防控制中心变更2015年事业单位职员招聘岗位条件声明
- 开封市2015年市直事业单位机修工操作技能考核准备通知单
- core value
- core value
- core value, belief, issue, etc.
- core-value-belief-issue-etc
- core vocabulary
- corgi
- coriaceous
- coriander
- coriander leaf
- coriander seed
- 讳掩
- 讳疾忌医
- 讳莫如深
- 讳蔽
- 讳言
- 讳隐
- 讳饰
- 讳饰格
- 讴
- 讴书
- 怎么把握人际交往细节
- 职场新人处理办公室人际关系的黄金法则
- 在学校里怎么处理好班级人际关系
- 怎样提高自己的人际交往能力
- 怎样有效地处理人际关系
- 怎样注意说话的技巧
- 人际关系冲突怎么处理
- 处理人际关系的秘诀有哪些
- 常见人际关系处理方案
- 怎样缓解工作中的人际关系紧张