https://github.com/jarrodsampson/sliver-js

A Simple Popup Modal.
https://github.com/jarrodsampson/sliver-js

css css3 html jquery

Last synced: 2 months ago
JSON representation

A Simple Popup Modal.

• Host: GitHub
• URL: https://github.com/jarrodsampson/sliver-js
• Owner: jarrodsampson
• License: mit
• Created: 2015-09-17T20:25:18.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-01-05T20:07:07.000Z (over 9 years ago)
• Last Synced: 2025-01-03T11:27:58.728Z (4 months ago)
• Topics: css, css3, html, jquery
• Language: JavaScript
• Size: 237 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sliver JS 

A Simple Popup Modal. Designed by [planlodge](https://github.com/planlodge).

[![Build](https://travis-ci.org/stevenbenner/jquery-powertip.svg?branch=master)](https://travis-ci.org/stevenbenner/jquery-powertip)

![License](https://img.shields.io/packagist/l/doctrine/orm.svg)

![Recording](https://raw.githubusercontent.com/planlodge/Sliver-JS/master/demo/recording.gif)

## Getting Started

 1. Include jQuery in your code.

 2. Download and include the sliver.js file.

 3. Set the class to sliver and the data-modale to the id of the modal you want.

 4. Pick your selector and apply sliver method.

## Full Example

		

		

		

		  

		  

		  Sliver JS

		  

		  

		  

		

		

		

		


		  

		  
Open Popup


		  
Try Another Popup


		  
Woah

		  
Lorem Ipsum is simply dummy text of the 

		  printing and typesetting industry. Lorem Ipsum has been the 

		  industry's standard dummy text ever since the 1500s, 

		  when an unknown printer took a galley of type and scrambled it to make a type specimen book. 

		  It has survived not only five centuries, but also the leap into electronic 

		  typesetting, remaining essentially unchanged. 

		  It was popularised in the 1960s with the release of Letraset sheets containing 

		  Lorem Ipsum passages, and more recently with desktop publishing software 

		  like Aldus PageMaker including versions of Lorem Ipsum.

		  


		


		   

		   

		  

		  $(function(){

		    $('.sliver').sliver({

		      fadeSpeed: 900,

		      closeText: "Close"

		    });

		  });

		  

		  

		

		

## License

Transimg is licensed under the [MIT license](http://opensource.org/licenses/MIT).