Skip to content
jQuery plugin to show contents on a webpage as an animated page
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
src
LICENSE
README.md
bringins.jquery.json
package.json

README.md

bringins

jQuery plugin to show contents on a webpage as an animated page
Developed by Arun Thomas
www.ajarunthomas.com

Demo Download

Website

USAGE

Step 1 : Include js

<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/bringins.js"></script>

Step 2 : create your content to be shown as a bringins page

<div id="sampledata" class="bringins-content">
    Your content goes here...
</div>

Note : You can define your custom CSS for this content and make sure you have included the 'bringins-content' class

Step 3 : Activate the plugin

$(document).ready(function() {
    $('#sampledata').bringins();
});

this will bring up the page once the DOM is loaded

more options

In the below example we will specify the plugin to initiate on mouse click

$(document).ready(function() {  
    $('#btn').click(function(){
        $('#sampledata').bringins({
            "position":"center",    //animation of the bringins page
            "color":"black",    //background color of the page
            "closeButton":"white",  //color of the close button
            "width":"100%", //width of the bringins page
            "margin":100,   //margin of the content inside the page
            "zIndex":999    //z-index of the page
        });
    });     
}); 
You can’t perform that action at this time.