web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
动画效果
jQuery带过渡动画的打开新面板插件
分类：
动画效果
日期：
2024-05-14
点击(0)
评论(0)
演 示
免费下载
简介
使用该插件需要在页面中引入jquery和bringins.js文件。 ##### HTML结构 你可以通过一个按钮或一个超链接来打开新的面板。面板的内容放置在一个容器中。 ```html <a id="btn" class="btn btn-lg btn-success">打开面板</a> <div id="sampledata1" class="bringins-content"> <h2>标题</h2> <p>......</p> </div> ``` ##### 初始化插件 在页面DOM元素加载完毕之后，可以通过bringins()方法来初始化该插件。 ```html $(document).ready(function() { $('#sampledata').bringins(); }); ``` #### 配置参数 该插件的可用配置参数有： - position：面板的位置，默认值为：'right'，可选值有：'right'，'left'，'center'。 - color：面板的背景颜色，可以是任何有效的CSS颜色值。默认值为：'black'。 - closeButton：关闭面板的按钮的颜色。默认值为：'white'。 - width：面板的宽度。默认值为100%。 - margin：面板中内容的margin值。默认值为100。 - zIndex：面板的z-index值。默认为999。
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
