[原创] jGrowl弹窗效果

jGrowl

2015-12-04 36457

一款很棒的页面弹出消息提示插件。效果不错

https://github.com/stanlemon/jGrowl

<!--jgrowl 在bootstrap中使用这个插件的时候 需要把css样式放在bootstrap的css文件之前,防止jgrowl的css样式覆盖掉bootstrap的效果-->
<link rel="stylesheet" href="http://cdn.bootcss.com/jquery-jgrowl/1.4.3/jquery.jgrowl.min.css">
<script src="http://cdn.bootcss.com/jquery-jgrowl/1.4.3/jquery.jgrowl.min.js"></script>
<script>
  $(function(){
      $('#jGrowl-container1').jGrowl({
          header: '这个是弹出提示', ///标题
          message: 'Hello world', ////内容,内容可以是html代码
          group: 'alert-success',  ///////弹出框的附加样式
          life: 150000
      });
  });

</script>
<div id="jGrowl-container1" class="jGrowl top-right"></div>