Submit your widget

Moa Modal -jQuery flexible modal plugin

Created 4 years ago   Views 33134   downloads 5620    Author mamod
Moa Modal -jQuery flexible modal plugin
View DemoDownload
100
Share |

Features

  • Custom animation and positioning
  • Customize your modal the way you like, no predefined style sheet!

Usage

1- HEADER

<!-- include modal plugin right after loading jQuery -->
<script src="jQuery.js" type="text/javascript"></script>
<!-- add easing jquery plugin if you want to use easing option -->
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script src="modal.js" type="text/javascript"></script>

2- HTML

<!-- triggering element -->
<button class="viewModal">Click Me</button>
<!-- modal element -->
<div id="modal" style="display:none;width:50%;...">
    Your Modal Content with your own styles 
</div>

3- Javascript

$(function(){
    $('.viewModal').modal({
        target : '#modal',
        animation : 'top',
        position : 'center'
    });
});