这是一个简洁高效的公告通知系统,它能够帮助您在个人博客中迅速传达重要更新、临时公告或其他关键信息给每一位访问者,确保他们能及时获取最新的站点动态。

随着网络世界的日新月异,与读者保持有效沟通成为提升用户体验的关键环节之一。为了更好地服务于广大读者朋友,我在博客中集成了一套美观且功能齐全的公告通知模块。这套模块不仅具备直观醒目的视觉设计,还能灵活地调整样式、内容和显示时长,以满足各种场景需求。

源码下载

文件下载:https://github.com/gorpeln/noticeAlert
其他下载地址:https://gorpeln.lanzoul.com/ivzv21wpf0ti

使用方法

放入要显示的页面
.css

  1. <head>
  2. <!--其他引入-->
  3. <link rel="stylesheet" href="/assets/css/warning.min.css" >
  4. <!--其他引入-->
  5. </head>

.js

  1. <!-- 公告 -->
  2. <script src="../assets/js/warning.min.js"> </script>
  3. <script>
  4. iziToast.show({
  5. title: 'Hi',
  6. message: '本站启用新域名 gorpeln.top ',
  7. icon: 'fal fa-exclamation-circle',
  8. color: 'yellow',
  9. time: 90000
  10. });
  11. </script>

效果

20240406153223632



参考链接:
https://www.yvii.cn/archives/1980.html