首页 > 其他分享 >倒计时关闭的JS 公告

倒计时关闭的JS 公告

时间:2024-07-25 14:06:44浏览次数:5  
标签:links reference 公告 gorpeln JS 倒计时 关闭

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

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

源码下载

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

使用方法

放入要显示的页面
.css

<head> 
<!--其他引入-->
<link rel="stylesheet" href="{{ "/assets/css/warning.min.css" | prepend: site.baseurl }}" >
<!--其他引入-->
</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

{% include reference.html links=page.reference_links %}

标签:links,reference,公告,gorpeln,JS,倒计时,关闭
From: https://www.cnblogs.com/gorpeln/p/18322886

相关文章

  • Qt - XML和JSON
    1.XML1.1简介可扩展标记语言,标准通用标记语言(ExtensibleMarkupLanguage)的子集,简称XML,是一种定义电子文档结构和描述其内容的国际标准语言,被设计用来传输和存储数据。可扩展标记语言与Access],Oracle]和SQLServer等数据库不同,数据库提供了更强有力的数据存储和分析能力,例......
  • JSON 响应中的字符串值变成 Python pandas datafram 中的数值
    我正在使用Python从RESTAPI中提取数据并将其存储在SQL数据库中。除了响应中的一个JSON值之外,一切工作正常。JSON响应[{"pbxId":"XXXcxx","site":"XXXGroup-SydneyOffice","name":"XXXXService","extension":......
  • 基于springboot+vue.js+uniapp的小程序的英语学习交流平台附带文章源码部署视频讲解等
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaits系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 抖音直播弹幕数据逆向:websocket和JS注入
    ......
  • 如何使用 JSON 进行数据交换 ?
    JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON的设计灵感来自于JavaScript的对象表示法,但它与编程语言无关,几乎所有现代编程语言都提供了对JSON的支持。JSON已成为Web应用程序中数据交换的事实标准。JSON......
  • Heroku 上的 Pyppeteer 浏览器意外关闭
    我在Heroku上升级了我的堆栈,我注意到一条消息告诉我使用较新的chromebuildpack,而不是我使用过的较旧的buildpack。从逻辑上讲,我继续安装这个构建包按照说明。selenium.webdriver工作正常,但是pyppeteer根本不起作用,这是我遇到的错误:2024-07-24T......
  • 带有 CDK 的 Lambda 无法启动 - JSONDecodeError 和 BrokenPipeError
    我正在尝试部署一个基于图像的PythonLambda,其中包含AWSCDK库。当我尝试在AWS中运行该函数时,它无法启动。我正在使用此Dockerfile:FROMamazon/aws-lambda-python:3.12COPY*${LAMBDA_TASK_ROOT}/RUNdnfupdate-yRUNdnfinstall-ygitRUNcurl-sLhttps......
  • VS Code Python - 如果括号(括号、大括号等)未关闭,内联建议不起作用
    我遇到的问题是,当我在未闭合的括号或方括号“内部”开始变量名称时,VSCode将不会显示任何建议。但是,如果在键入变量名称之前闭合括号,则建议效果很好。如果我可以避免它,我宁愿不将自动完成括号关闭设置为True也不使用TabOut扩展。第一个屏幕截图显示建议在闭括号/方......
  • 在 Gerrit 的 REST API 中,如何查找补丁集 ID 值?我有 url.../details Json 但在那里找
    我正在使用request.get来获取Json,并想使用最新的补丁集和扩展名/revisions/(patchSetNumber)/files再次执行此操作以查找所有修改的文件。我无法弄清楚如何通过请求找到补丁集ID。我尝试通过url/details扩展进行搜索,但无法找到修订选项卡或补丁集选项卡是对的,Ger......
  • JS笔记第六期(DOM练习)-使用JS实现用户添加删除
    要实现的界面为:界面的CSS样式:*{ margin:0auto;}th,td{ width:200px; height:50px; text-align:center; font-size:20px;}.tBox{ border:#0000001pxsolid; width:450px; height:250px; margin:0auto; padding:10px; }JS+HTML:<!DOCTYP......