Plugin for easy modal window
#Include
<html>
<head>
<href="wnModal.css" rel="stylesheet">
</head>
<body>
<div id="window"></div>
<div id="popup1" class="popup_block">
<p>I'm a test</p>
</div>
<src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></>
<script type="text/javascript" src="wnModal.js"><script>
</body>
</html>
jQuery(function(){
$("#window").wnModal();
});
#Options
larger: "width of modal window, in px"
windowID: "ID of popup" <--- if popup1, windowID: "1", popup2, windowID: "2"...
bordercolor: "color of modal window border"
happening: "event to bind - javascript and jQuery event supported : - click
- dblclick
- mouseenter
- mouseleave
- mousemove
- mousedown
- mouseup
- mouseover
- mouseout"
jQuery(function(){
$("#window").wnModal({
larger: "700",
windowID: "1",
bordercolor: "#EEE",
happening: "dblclick"
});
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent