PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > Jquery插件 > jQuery工具提示 > 正文

    jQuery提示通知插件jBox-jQuery插件下载

    作者:admin来源:网络浏览:时间:2014-05-30 15:04:38我要评论
    分享到

    内容介绍

    jBox是一个强大和灵活的jQuery插件,用于创建你所有的模态窗口,提示,通知或更多。B5教程网推荐下载!站长必备jquery教程及jquery插件下载,提供高质量jquery特效。

    使用方法 

    工具提示

    你可以使用jQuery选择器添加工具提示元素:

    1
    $('.tooltip').jBox('Tooltip');

     

    在用class=“tooltip”的元素将打开工具提示:

    1
    2
    <span class="tooltip" title="My first tooltip">Hover me!</span>
    <span class="tooltip" title="My second tooltip">Hover me!</span>

     

    模态窗口

    你可以设置为相同的模态窗口提示。但大多数时候你会想要更多的方法,如一个标题或HTML内容:

    1
    2
    3
    4
    5
    6
    7
    8
    new jBox('Modal', {
        width: 300,
        height: 200,
        attach: $('#myModal'),
        title: 'My Modal Window',
        content: '<i>Hello there!</i>'
    });
    <div id="myModal">Click me to open a modal window!</div>

     

    注意事项

    通知后将自动打开,并在一段时间后自我毁灭:

    1
    2
    3
    new jBox('Notice', {
        content: 'Hurray! A notice!'
    });

    了解更多

    这三个例子都是很基本的。该jBox库非常强大,提供了一个广阔的多种选择来定制外观和行为。了解更多的文档中:documentation.html查看

    下载资源:168 下载积分:0
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-92-248-1.html