jQuery

【jQuery】コンテンツをアニメーションページとして表示するbringins

May 28, 2017
bringins

bringinsはjQueryプラグインを使用してWebページのコンテンツをアニメーションページとして表示するプラグイン。

Include js

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

create your content to be shown as a bringins page

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

Activate the plugin

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

more options

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