bringins是一款可以动态打开一个新面板的jQuery插件,该插件允许你设置面板打开的位置,面板颜色,宽度等属性,在面板打开时,还带有非常炫酷的动画效果。
使用方法
使用该插件需要在页面中引入jquery和bringins.js文件。
HTML结构
你可以通过一个按钮或一个超链接来打开新的面板。面板的内容放置在一个容器中。
<a id="btn" class="btn btn-lg btn-success">打开面板</a> <div id="sampledata1" class="bringins-content"> <h2>标题</h2> <p>......</p> </div>
初始化插件
在页面DOM元素加载完毕之后,可以通过bringins()
方法来初始化该插件。
$(document).ready(function() { $('#sampledata').bringins(); });
配置参数
该插件的可用配置参数有:
position
:面板的位置,默认值为:'right',可选值有:'right','left','center'。color
:面板的背景颜色,可以是任何有效的CSS颜色值。默认值为:'black'。closeButton
:关闭面板的按钮的颜色。默认值为:'white'。width
:面板的宽度。默认值为100%。margin
:面板中内容的margin值。默认值为100。zIndex
:面板的z-index值。默认为999。
bringins插件的官方主页为:http://www.ajarunthomas.com/jquery/bringins/