overhang.js,一款顶部通知栏

笔者在浏览器顶部有弹出信息通知的需求,来传达全局消息。

刚好找到了这款专用于顶部通知栏的JS工具,overhang.js。我们首先看下它的展示效果:

Overhang.png

当然,它支持修改颜色,修改通知内容,以及修改一些样式来达到自定义的效果。

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

它还支持写入HTML:

图片.png

可以说,上述的demo展示,已经充分体现了overhang.js的强大之处了,它的使用如下所示,可以看到它是基于Jquery的:

1、引入文件

2、HTML

点我

3、JavaScript

$(‘.btn1’).on(‘click’, function() {

$(‘body’).overhang({});

});

最后,这里列出所有的参数表:

参数表.png

简书责编内容来自:简书 (源链) | 更多关于

阅读提示:酷辣虫无法对本内容的真实性提供任何保证,请自行验证并承担相关的风险与后果!
本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » overhang.js,一款顶部通知栏

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录