javascript - 设置 bPupup

Question

我目前正在尝试让 bPopup ( http://dinbror.dk/blog/bPopup/ ) 在我的页面上工作。我发现这个 jsFiddle ( http://jsfiddle.net/24A9b/ ) 显示让脚本正常工作。使用以下代码: ;(函数($){

     // DOM Ready
    $(function() {

        // Binding a click event
        // From jQuery v.1.7.0 use .on() instead of .bind()
        $('#my-button').bind('click', function(e) {

            // Prevents the default action to be triggered. 
            e.preventDefault();

            // Triggering bPopup when click event is fired
            $('#element_to_pop_up').bPopup();

        });

    });

})(jQuery);

但我想变得更奇特一点。此页面 ( http://dinbror.dk/bpopup/ ) 描述了几个自定义元素。问题是我无法编写 javascript 和 jQuery，所以我不知道如何向脚本添加过渡。

希望有人能指导我。

马吕斯

Answer 1

试试这个

#element_to_pop_up { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;

    box-shadow: 0 0 25px 5px #999;
}
.bClose{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
    border-radius: 7px 7px 7px 7px;
box-shadow: none;
font: bold 131% sans-serif;
padding: 0 6px 2px;
position: absolute;
right: -7px;
top: -7px;
background-color: #2b91af;
}