八零站长网

网站首页 > 网页特效 > 表单按钮 >

Naranja网页右下角弹出消息通知提示框js代码

Naranja网页右下角弹出消息通知提示框js代码,点击按钮触发,包含了4种消息提示框样式:默认(log)、成功(success)、警告(warn)、危险 (error)。
Naranja网页右下角弹出消息通知提示框js代码
js代码

<script type="text/javascript" src="js/naranja.js"></script>
<script type="text/javascript">
    function narn (type) {
        naranja()[type]({
          title: '新消息提示',
          text: '单击“接受”以创建新通知',
          timeout: 'keep',
          buttons: [{
            text: '接受',
            click: function (e) {
              naranja().success({
                title: '通知',
                text: '通知被接受'
              })
            }
          },{
            text: '取消',
            click: function (e) {
              e.closeNotification()
            }
          }]
        })
      }
</script>