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