uery浮动窗口插件 jqFloatBox

uery浮动窗口插件 jqFloatBox
 点击下载

FloatBox 是一个jQuery 实现浮动层的插件,实现javascript弹出浮动窗口功能,当点击链接后弹出一个新窗口打开一个HTML页面,支持Ajax动态加载,有fade褪色效。

示例代码:

  1. $("a#my-link").click(function () { 
  2. $.floatbox({ 
  3.         content: " 
  4.  
  5. My HTML content here! 
  6.     }); 
  7. }); 
  8.  
  9. $("a#my-link").click(function () { 
  10.     $.floatbox({ 
  11.         ajax:  { 
  12.             url: "my_request.pl"// request url 
  13.             params:  "name=ieda&age=23"//post parameters 
  14.             before:  " 
  15.  
  16. Loading content 
  17.  
  18.   
  19. ", //loading message while the request is being processed 
  20.             finish: function () { 
  21.                 //callback function 
  22.             } 
  23.         }, 
  24.         fade: true 
  25.     }); 
  26. });  

效果如下图所示:

 

转载请注明:代码家园 » uery浮动窗口插件 jqFloatBox

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)