jqFloatBoxjQuery浮动窗口插件

联合创作 · 2023-10-02 07:21

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
    });
}); 

效果如下图所示:

浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报