弹出层示例或一个页面多处弹出层资源-CSDN文库

共3个文件

js：1个

htm：1个

css：1个

3星 · 超过75%的资源需积分: 9 200 浏览量 2010-11-12 22:15:14 上传评论收藏 2KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

弹出层.rar （3个子文件）

弹出层

Pop_layer.js 1KB

HTMLPage1.htm 4KB

Pop_layer.css 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页</title> <style type="text/css"> #t { position:absolute; float:left; left:0px; top:150px; } #s { position:absolute; float:left; left:0px; top:150px; </style> <link href="Pop_layer.css" rel="stylesheet" type="text/css" /> <script src="Pop_layer.js" type="text/javascript"></script> </head> <body> <table style="width: 100%;"> <tr> <td>   </td> <td>   </td> <td>   </td> </tr> <tr> <td>   </td> <td> <div id="ff"> <a href="javascript:" onClick="show('s')">ssss</a> </div> </td> <td>   </td> </tr> <tr> <td>   </td> <td> <div id="a"> <a href="javascript:" onClick="show('t')">领取任务</a> </div> </td> <td>   </td> </tr> </table> <div id="t" style="display:none;"> <div style="width:100%;height:100%; z-index:-1; position:absolute; float:left; overflow:hidden;" class="al" id="back_div"> <iframe style="position:absolute; left:0px; top:0px; left:0px; bottom:0px; float:left; z-index:-1; margin:0px; padding:0px;" frameborder="0" scrolling="no" width="100%" height="2000px;" class="al2" id="ifr"> </iframe> </div> <DIV style="WIDTH: 500px; position:absolute;float:left;top:25%; left:30%; z-index:999; clear:both; overflow:hidden;" id="t_div"> <iframe style="position:absolute; left:0px; top:0px; left:0px; bottom:0px; float:left; z-index:-1; margin:0px; padding:0px;" frameborder="0" scrolling="no" width="100%" height="2000px;" class="al2" id="ifr"> </iframe> <U class="f1"></U><U class="f2"></U><U class="f3"></U> <div class="d_top" onMouseDown="moveEvent(event,'t_div')"> <span>标题栏</span> <a href="javascript:" onClick="cl('t')">×</a> </div> <DIV class="d_body" > <%--内容面板--%> </DIV> <div class="d_foot"></div> <U class="f3"></U><U class="f2"></U><U class="f1"></U> </DIV> </div> <div id="s" style="display:none;"> <div style="width:100%;height:100%; z-index:-1; position:absolute; float:left; overflow:hidden;" class="al" id="Div3"> <iframe style="position:absolute; left:0px; top:0px; left:0px; bottom:0px; float:left; z-index:-1; margin:0px; padding:0px;" frameborder="0" scrolling="no" width="100%" height="2000px;" class="al2" id="Iframe1"> </iframe> </div> <DIV style="WIDTH: 500px; position:absolute;float:left;top:25%; left:30%; z-index:999; clear:both; overflow:hidden;" id="abc"> <iframe style="position:absolute; left:0px; top:0px; left:0px; bottom:0px; float:left; z-index:-1; margin:0px; padding:0px;" frameborder="0" scrolling="no" width="100%" height="2000px;" class="al2" id="Iframe2"> </iframe> <U class="f1"></U><U class="f2"></U><U class="f3"></U> <div class="d_top" onMouseDown="moveEvent(event,'abc')"> <span>标题栏</span> <a href="javascript:" onClick="cl('s')">×</a> </div> <DIV class="d_body" > <%--内容面板--%> </DIV> <div class="d_foot"></div> <U class="f3"></U><U class="f2"></U><U class="f1"></U> </DIV> </div> </body> </html>

评论收藏

内容反馈