• PUDN用户
    了解作者
  • Java
    开发工具
  • 44KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 59
    下载次数
  • 2009-11-25 12:54
    上传日期
jQuery弹出窗口(非常实用)jQuery弹出窗口(非常实用)...
jQuerytanchu.rar
  • jQuery弹出窗口(非常实用)
  • styles
  • jwindow.css
    1.4KB
  • images
  • window_close.gif
    64B
  • window_min.gif
    55B
  • scripts
  • jquery.interface.js
    77.5KB
  • jquery.jwindow.js
    7.9KB
  • jquery.js
    22.1KB
  • jWindow.html
    2.8KB
内容介绍
<!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(){ $("#btnShow").click(function(){ $("#panelWindow").jWindowOpen({ modal:true, center:true, drag : ".title" }); }); $("#btnShow1").click(function(){ $("#panelWindow").jWindowOpen({ modal:true, center:true }); }); $("#btnShow2").click(function(){ $("#panelWindow").jWindowOpen({ modal:true, center:true, drag : ".title", close:"#panelWindow .close", closeHoverClass:"hover" }); }); $("#btnShow3").click(function(){ $("#panelWindow").jWindowOpen({ modal:true, center:true, drag : ".title", close:"#panelWindow .close", closeHoverClass:"hover", transfererFrom:"#btnShow3", transfererClass:"transferer" }); }); }) </script> </head> <body> <div style="height:800px;"></div> <button id="btnShow">打开可移动的</button> <button id="btnShow1">打开不可移动的</button> <button id="btnShow2">可关闭的</button> <button id="btnShow3">从这里弹出</button> <div class="overlayer"></div> <div class="window " id="panelWindow"> <div class="title">从本地上传照片<span class="buttons"><span class="min"></span><span class="close"></span></span></div> <div class="content"> 1. 修改上传头像生成缩略图的方式,修改头像的大小格式。 2. 修改个人问答页面的头像大小以及个人资料的内容连接等。 3. 修改个人主页的文章列表。 4. 修改查看个人主页文章内容页。 5. 修改用户相册的细节。 6. 修改管理后台数字导游添加功能的编辑器无法显示的BUG。 7. 修改管理后台格式化文本编辑器移动的时候会变栏的BUG。 8. 给添加杂志和添加杂志导读页加上插入图片到内容的功能。 9. 修改上传相片页面的细节。 10. 给相册列表加入删除功能。 11. 配置网站服务器的FTP。 12. 检测服务器上的网站问题。 </div> <div class="status"><span class="resize"></span></div> </div> </body> </html>
评论
    相关推荐
    • JQUERY 弹出窗口
      比较简单的弹出窗,有3种样式可选。自带JQUERY ,已经进行了优化,垃圾代码已经剔除。
    • jquery弹出窗口
      jquery弹出窗口
    • jQuery弹出窗口
      NULL 博文链接:https://ssydxa219.iteye.com/blog/1926291
    • jquery弹出窗口
      NULL 博文链接:https://gang-zai.iteye.com/blog/726641
    • jQuery 弹出窗口
      jQuery 弹窗效果 点击 弹出窗口,背景使用半透明遮盖
    • jquery弹出窗口
      使用jquery弹出窗口,进行from提交
    • jquery弹出窗口控件
      在控件原先基础上封装了更美观的alert和confirm方法,调用代码:$.alert('title','text');和$.confirm('title','text',function(result){});
    • jquery弹出窗口插件
      jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件jquery弹出窗口插件...
    • Jquery 弹出窗口
      Jquery 弹出窗口效果和Popup一样
    • jquery弹出窗口
      使用jquery技术弹出窗口详细代码。包括html,jquery代码