jquery弹出框（类似于CONFIRM这样的提示框）资源-CSDN文库

共10个文件

gif：5个

js：3个

css：1个

jquery

DIV+CSS

4星 · 超过85%的资源需积分: 13 8 浏览量 2009-06-08 10:34:45 上传评论收藏 48KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jWindow.rar （10个子文件）

jWindow

jWindows.html 3KB

img

close.gif 632B

btn_bg.gif 400B

title_bg_left.gif 801B

title_bg_right.gif 335B

ask.gif 2KB

scripts

jquery.jwindow.js 8KB

jquery.interface.js 78KB

jquery.js 22KB

styles

jwindow.css 2KB

<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jWindow Demo</title> <script type="text/javascript" src="scripts/jquery.js"></script> <script type="text/javascript" src="scripts/jquery.jwindow.js"></script> <script type="text/javascript" src="scripts/jquery.interface.js"></script> <link rel="stylesheet" href="styles/jwindow.css" media="all" /> <style type="text/css"> body{ font-family:宋体; font-size:12px; } </style> <script type="text/javascript"> $("body").ready(function(){ $("#href1").click(function(){ $("#panelWindow").jWindowOpen({ modal:true, center:true, drag : ".title", close:"#panelWindow .close", closeHoverClass:"hover", transfererFrom:"#href1", transfererClass:"transferer" }); var obj; obj=document.getElementsByTagName("SELECT"); var i; for(i=0;i<obj.length;i++) obj[i].style.visibility="hidden"; }); $("#button1").click(function(){ var linkPath = ($(this).attr('testvalue')); window.location.href =linkPath; var obj; obj=document.getElementsByTagName("SELECT"); var i; for(i=0;i<obj.length;i++) obj[i].style.visibility="visible"; $(".window").jWindowClose(); }); $("#cancle1").click(function(){ $(".window").jWindowClose(); var obj; obj=document.getElementsByTagName("SELECT"); var i; for(i=0;i<obj.length;i++) obj[i].style.visibility="visible"; }); }) </script> </head> <body> <div style="height:800px;"></div> <a id="href1" href="#">从这里点击</a> <select name="type" class="selectCss")> <option value="0">全部服务</option> <option value="1">测试期</option> <option value="2">试运期</option> <option value="3">运行期</option> <option value="4">暂停期</option> <option value="5">停止期</option> </select> <div class="overlayer"></div> <div class="window " id="panelWindow"> <div class="title">标题<span class="buttons"><span class="close"></span></span></div> <div align="left"> <img src="img/ask.gif" style="vertical-align:middle;no-repeat 20px 50%"> 您确定要删除这条记录吗？</div> <br> <div class="content" align="center"> <input type="button" value=" 确定 " id="button1" class="btnStyle" testvalue='http://baidu.com'> <input type="button" value=" 取消 " id="cancle1" class="btnStyle"> </div> <div class="status"><span class="resize"></span></div> </div> </body> </html>

评论收藏

内容反馈