jquery dialog plugin
0.2.0
Connect jQuery library and jquery.dialog.js script files
<script src="jquery.min.js"></script>
<script src="jquery.dialog.js"></script>
Connect CSS file dialog.css
<link rel="styleshet" href="dialog.css" />
HTML part
<a href="" data-dialog="#dialog" id="button">dialog</a>
<div id="dialog">Jquery Dialog plugin</div>
JavaScript part
<script>
$(function() {
$('#button').dialog({
show: "fade",
showSpeed: 500
});
});
</script>
Options
Option | Values | Description |
---|---|---|
show | none fade |
appear animation type |
showSpeed | int | animation speed |
hide | none fade |
disappear animation type |
hideSpeed | int | animation speed |
Events
Event | Description |
---|---|
dialog.beforeShow | call befor show |
dialog.afterShow | call after show |
dialog.beforHide | call befor hide |
dialog.afterHide | call after hide |
MIT