插件描述：我自己封装的可停靠屏幕边缘的侧边栏插件，可以制作页面的通知信息，客服信息，联系方式等
插件图标依赖font-awesome，所以要先导入该字体图标，然后导入相关js文件即可：
<head> <link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.css"/> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery.sliderBar.js"></script> </head>
先在页面插入一下html代码（class="sliderbar-container"这个class的值可以随意更改，但是class="title"和class="body",则不能更改）
<div class="sliderbar-container"> <div class="title"><i></i> 通知消息</div> <div class="body"> 无消息 </div> </div>
然后插入以下js代码:
<script type="text/javascript">
$(function(){
$('.sliderbar-container').sliderBar({
open : true, // 默认是否打开，true打开，false关闭
top : 200, // 距离顶部多高
width : 360, // body内容宽度
height : 240, // body内容高度
theme : 'green', // 主题颜色
position : 'left' // 显示位置，有left和right两种
});
});
</script>ok，大功告成！
PREVIOUS:
NEXT:
相关插件-独立的部件
讨论这个项目（16）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
I Believe I Can Fly 1
2019/5/9 10:15:41
-
解决方式
obj.css({right: -(opts.width+20)+'px'});
jquery.sliderBar.js 行 136 回复
境界 0
2018/11/4 20:55:45
-
position为right的时候有问题（标签离页面有边界有距离），不能自定义标签的高度
I Believe I Can Fly0
2019/5/9 9:56:00
-
有解决方式是吗 ？ 求分享757712307@qq.com
眼角的幸福13 0
2017/11/23 12:40:09
position：left 有问题
7271817560
2018/8/30 8:50:12
-
能分享下吗，727181756@qq.com，谢谢！
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
