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>

参数详解

Name Type Property Description

target	string	null	Set the URL, ID or Class.
id	string | number	null	Set the ID for the modal.
cache	boolean	false	If set to false, it will force requested pages not to be cached by the browser only when send by AJAX.
escKey	boolean	true	Allows the user to close the modal when press escape key.
zIndex	string | number	auto	Overlay z-index: Auto or number.
overlay	boolean	true	Show the overlay.
overlayColor	string	#000	Overlay color.
overlayOpacity	number	0.8	The overlay opacity level. Range: 0 to 1.
overlayClose	boolean	true	Allows the user to close the modal by clicking the overlay.
overlaySpeed	number	300	Sets the speed of the overlay, in milliseconds.
overlayEffect	string	auto	Combine any of the effects.
width	number | null	null	Set a fixed total width.
effect	string	fadein	fadein | slide | newspaper | fall | sidefall | blur | flip | sign | superscaled | slit | rotate | letmein | makeway | slip | corner | slidetogether | scale | door | push | contentscale.
position	string	center, center	Set position of modal. First position 'x': left, center and right. Second position 'y': top, center, bottom.
animation	string | null	null	Only with effects: slide or rotate (top, right, bottom, left and center) and flip (vertical or horizontal). Output position separated by commas.
speed	number	600	Sets the speed of the transitions, in milliseconds.

下载