Simplest jQuery Modal Window Plugin - rsModal

Simplest jQuery Modal Window Plugin - rsModal
File Size: 4.73 KB
Views Total: 1000
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

rsModal is a minimal jQuery modal window plugin that works with any Html content and requires no images, CSS or other dependencies.

How to use it:

1. Load jQuery library and the jQuery rsModal plugin in the document.

<script src="//"></script>
<script src="jquery.rsModal.js"></script>

2. Create content to be embedded into the modal window.

<div id="modalcontent" class="modal">
  Modal content here

3. Hide the modal window on page load.

.modal {
  display: none;

4. Create a button to trigger the modal content (OPTIONAL).

<button class="myModal">Open Modal</button>

5. The JavaScript to enable the modal plugin.


6. Customization options..

  background  : '#FFF',
  height    : '323px',
  width     : "500px",
  top     : "50%",
  left    : "50%",
  marginL   : '-250px',
  marginT   : '-161px',
  title     : 'rsModal'

Change log:



  • Click event for closing modal down

This awesome jQuery plugin is developed by rorystandley. For more Advanced Usages, please check the demo page or visit the official website.