你的位置:首页 > Java教程

[Java教程]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="/images/loading4.gif" data-original="http://down.hovertree.com/jquery/jquery-1.4.4.min.js"></script><script type="text/javascript" src="/images/loading4.gif" data-original="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">&#215;</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="/images/loading4.gif" data-original="http://hovertree.com/texiao/layer/1/modal-gloss.png" />--></div></body></html>

转自:http://hovertree.com/h/bjaf/tishiceng.htm

特效库:http://www.cnblogs.com/roucheng/p/texiao.html


贵州旅游多少钱贵州旅游报价价格深圳去云南旅游报价跟团去云南旅游多少钱几月去云南旅游最好茂名放鸡岛优惠价?放鸡岛怎么收费? 放鸡岛旅游攻略?茂名放鸡岛开车路线? 畅游宁波你不可错过的购物中心 英德天门沟风景区优惠价?九州驿站英德天门沟站优惠政策? 金沙大湿地公园门票多少钱?南海金沙大湿地公园怎么玩? 金沙大湿地公园烧烤多少钱?南海金沙大湿地公园游玩项目介绍? 南海金沙湿地公园好玩吗?金沙湿地公园一日游攻略? 客天下客家小镇吃饭多少钱?梅州客天下客家小镇有自助餐吗? 郑州到八里沟一日游攻略?郑州到新乡八里沟要多长时间? 八里沟一日游团购价格?新乡八里沟门票包含哪些景点? 南京到溧水周园多少公里?南京到周园多长时间? 王子谷漂流小孩优惠吗?千岛湖富文王子谷漂流儿童票多少钱? 2015年公司举办年会吗?你被年会了吗? 网购年货要注意什么? 火车票代售点能退票吗? 回笼教是什么?你是回笼教的觉徒吗? 556-3337-304 Datasheet 556-3337-304 Datasheet 556-3337-304F Datasheet 556-3337-304F Datasheet 556-3337-802 Datasheet 556-3337-802 Datasheet 河源去武夷山旅游 河源去武夷山旅游 河源去武夷山旅游 河源去婺源旅游 河源去婺源旅游 河源去婺源旅游 河源去西安旅游 河源去西安旅游 河源去西安旅游