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

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

源码下载

文件下载:https://gorpeln.lanzoul.com/ivzv21wpf0ti

使用方法

放入要显示的页面
.css

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

.js

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

效果

20240406153223632



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