当前位置: 软件>JavaScript软件
jQuery浮动窗口插件 jqFloatBox
本文导语: FloatBox 是一个jQuery 实现浮动层的插件,实现javascript弹出浮动窗口功能,当点击链接后弹出一个新窗口打开一个HTML页面,支持Ajax动态加载,有fade褪色效。 示例代码: $("a#my-link").click(function () { $.floatbox({ content: " My HTML co...
FloatBox 是一个jQuery 实现浮动层的插件,实现javascript弹出浮动窗口功能,当点击链接后弹出一个新窗口打开一个HTML页面,支持Ajax动态加载,有fade褪色效。
示例代码:
$("a#my-link").click(function () {
$.floatbox({
content: "
My HTML content here!
"
});
});
$("a#my-link").click(function () {
$.floatbox({
ajax: {
url: "my_request.pl", // request url
params: "name=ieda&age=23", //post parameters
before: "
Loading content
", //loading message while the request is being processed
finish: function () {
//callback function
}
},
fade: true
});
});
效果如下图所示:
![jQuery浮动窗口插件 jqFloatBox[图片]](/img/tech-article-img-javascript/img_1418569945_187690.png)