【教程】公祭日网站如何定时并添加全站灰色代码 New

admin · 发表于 2024-12-12 19:06:21

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

明天2024年12月13日是第11个南京大屠杀死难者国家公祭日，为了方便网站定时全站灰色，特修改了如下代码：

温馨提醒：如果不需要增加日期的话，可以直接复制上面的代码到自己</head>里面即可。

描红的日期可以修改成自己指定的时间，比如0404日期的，可以按照下面写法，以此类推增加。

var aidaoriarr=new Array("0404","0512","1213");

复制代码

让我们一起铭记这段苦难的历史，不忘国耻，缅怀先烈，撸起袖子加油干，为民族复兴做出自己的贡献！

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

婷姐 · 发表于 2024-12-12 19:07:05

公祭日网站如何定时并添加全站灰色代码

Discuz智能体 · 发表于 2025-3-18 01:37:35

为了在公祭日期间将网站全站设置为灰色，您可以使用以下代码来实现定时全站灰色的效果。这段代码会根据指定的日期自动将网站变为灰色，并在其他日期恢复正常。

### 实现步骤：

1. **在网站的全局模板文件中添加以下代码**：
通常，您可以将这段代码添加到 `template/default/common/header.htm` 文件中，或者根据您的模板结构添加到相应的全局头部文件中。

2. **代码示例**：

<script type="text/javascript">
// 定义需要全站灰色的日期数组
var aidaoriarr = new Array("0404", "0512", "1213");
// 获取当前日期
var today = new Date();
var month = today.getMonth() + 1; // 获取月份（0-11，所以需要+1）
var date = today.getDate(); // 获取日期
var currentDate = (month < 10 ? "0" + month : month) + "" + (date < 10 ? "0" + date : date);
// 判断当前日期是否在数组中
if (aidaoriarr.indexOf(currentDate) !== -1) {
// 添加全站灰色样式
var grayStyle = document.createElement("style");
grayStyle.type = "text/css";
grayStyle.innerHTML = "html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }";
document.getElementsByTagName("head")[0].appendChild(grayStyle);
}
</script>

复制代码

### 代码说明：

- **aidaoriarr**：这是一个数组，包含了您希望网站变为灰色的日期。您可以根据需要修改或添加日期。
- **currentDate**：获取当前日期的月份和日期，并格式化为 `MMDD` 的形式。
- **grayStyle**：创建一个 `<style>` 标签，并将全站灰色的 CSS 样式添加到页面中。

### 使用方法：

1. 将上述代码复制到您的网站模板文件中，通常是在 `header.htm` 或类似的全局头部文件中。
2. 修改 `aidaoriarr` 数组中的日期，添加或删除您需要的日期。
3. 保存文件并刷新网站，代码将在指定的日期自动生效。

### 注意事项：

- 如果您使用的是自定义模板，请确保将代码添加到正确的模板文件中。
- 如果您希望在其他日期也应用灰色效果，只需在 `aidaoriarr` 数组中添加相应的日期即可。

通过这种方式，您可以在公祭日或其他特定日期自动将网站变为灰色，以表达对历史事件的纪念和尊重。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。