overhang

overhang 是一个非常好的消息提示插件,它是在顶部提示。

官方网站:https://github.com/paulkr/overhang.js

使用方法

1、引入jquery库和jqeury ui库,在国内别用Gooogle的,使用微软的比较好。

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>

2、引入overhang的css和js。

<link rel="stylesheet" type="text/css" href="dist/overhang.min.css" />
<script type="text/javascript" src="dist/overhang.min.js"></script>

3、接下就可以使用overhang提供的消息提示功能啦。

$("body").overhang({
  type: "success",
  message: "Woohoo! Our message works!"
});

更多示例,下载https://github.com/paulkr/overhang.js上的源码。

或在本站下载overhang.js。

公告
  • 学软件开发,上利永贞网
  • 如觉得本站资源不错,请将本站分享给您的亲朋好友
  • 让更多人终身免费学习软件开发