Bootstrap CustomBox 弹层


这个模态窗口插件使用原生javascript制作,它也可以和jQuery完美的结合。
请注意:这些模态窗口动画仅仅工作在支持各自CSS3属性的浏览器上。Internet Explorer 8 和 9需要legacy.min.js的支持,但是没有动画效果。

在线实例

实例演示

使用方法

<script>
    $(function () {
        $('#element').on('click', function ( e ) {
            Custombox.open({
                target: '#modal',
                effect: 'fadein'
            });
            e.preventDefault();
        });
    });
</script>

参数详解

NameTypePropertyDescription
targetstringnullSet the URL, ID or Class.
idstring | numbernullSet the ID for the modal.
cachebooleanfalseIf set to false, it will force requested pages not to be cached by the browser only when send by AJAX.
escKeybooleantrueAllows the user to close the modal when press escape key.
zIndexstring | numberautoOverlay z-index: Auto or number.
overlaybooleantrueShow the overlay.
overlayColorstring#000Overlay color.
overlayOpacitynumber0.8The overlay opacity level. Range: 0 to 1.
overlayClosebooleantrueAllows the user to close the modal by clicking the overlay.
overlaySpeednumber300Sets the speed of the overlay, in milliseconds.
overlayEffectstringautoCombine any of the effects.
widthnumber | nullnullSet a fixed total width.
effectstringfadeinfadein | slide | newspaper | fall | sidefall | blur | flip | sign | superscaled | slit | rotate | letmein | makeway | slip | corner | slidetogether | scale | door | push | contentscale.
positionstringcenter, centerSet position of modal. First position 'x': left, center and right. Second position 'y': top, center, bottom.
animationstring | nullnullOnly with effects: slide or rotate (top, right, bottom, left and center) and flip (vertical or horizontal). Output position separated by commas.
speednumber600Sets the speed of the transitions, in milliseconds.

云盘内容


 jQuery插件大全打包

HTML5+CSS3+PHP+jQuery等示例
大小
170M(300+个文件)

注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。

下载地址