bringins Documentation

How to setup the plugin

View Demo   Download

Step 1 : Include the js Files

                    
                    
                    

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

                    
Your content goes here...

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
                    		});
                    	});  	
                    }); 
                    

If you wish to help us continue and improve our services

Donate