Simple Sliding Modal Window Plugin | jQuery.modal

cosyModal is a simple, unobtrusive jQuery plugin for creating nice, clean CSS-style windows with configurable display/hide animations.

modal popup in html, how to create popup in html with css, jquery modal popup example, automatic pop up window html, javascript modal popup, css modal popup

2kb Window Modal Component In jQuery | simpleModal

How to make use of it:

1. Load the cosyModal.js script after the jQuery library.

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

2. Load the required jquery.cosyModal.css for the default modal styles.

<link rel="stylesheet" href="jquery.cosyModal.css">

3. Include your conditional content in a container with a unique CSS ID as below.

<div id="modal-demo">
  <h1>Modal Title</h1>
  <p>Modal content</p>

4. Initialize the modal window.


5. Run the modal window using the cosyModal (“Show”) method.


6. The options are available.


// Fixed width for the modal window.
width : 600,

// Fixed height for the modal window.
height : 'auto',

// Time in milliseconds show animation will run.
showTime : 500,

// Time in milliseconds hide animation will run.
hideTime : 250


Simple Sliding Modal Window Plugin, jQuery.modal Github, html popup window onclick

See Demo And Download

Official Website(xicrow): Click Here

This superior jQuery/javascript plugin is developed by xicrow. For extra Advanced usage, please go to the official website.

Related Posts


Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…


Bootstrap 4 Sidebar Menu Responsive Template | MDB

Bootstrap Side Navbar – Responsive sidebar template based on the Bootstrap 4 framework. An easy-to-use, totally responsive, Google Material Design impressed aspect navigation for modern web app…


Bootstrap 5 Treeview Dynamically Collapsible | bs5treeview

Bootstrap 5 Tree View is a very simple plug-in for creating a basic and elegant Treeview using BS5. For use with Bootstrap 5, the attributes have been…


Modern Mobile Touch Slider With Acceleration Transitions | Swiper

Swiper is the most modern free mobile touch slider with accelerated device transitions and amazing original behavior. It is intended for use in mobile websites, mobile web…


[Steps] A Simple, Lightweight jQuery Step Wizard Plugin

jQuery steps wizard is a simple and lightweight plugin. The step is a jQuery plugin that turns any grouped elements into a step-by-step wizard with navigation buttons…


Responsive Image Gallery Lightbox jQuery Plugin | VenoBox

VenoBox is a responsive jQuery modal window plugin suitable for images, embedded content, iFrames, Google Maps, Vimeo, and YouTube videos. The big difference compared to many other…

Leave a Reply

Your email address will not be published. Required fields are marked *