这个模态窗口插件使用原生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. |
文件 | jQuery插件大全打包 |
内容 | HTML5+CSS3+PHP+jQuery等示例 |
大小 | 170M(300+个文件) |
注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。