NotionNext帮助手册✨ 更新日志
🚀 安装部署
✒ Notion教程
🛠 站点配置
⭐ 主题参数
📊 网站统计
📩 评论插件
🧷 外部扩展
⌨ 开发教程
🔊 运营教程
🤝 服务与合作
👨👦👦 联系我们
实操案例-自定义鼠标特效
category
tags
type
status
slug
date
password
Last edited time
Sep 12, 2024 03:17 AM
summary
icon
这是一个开发示例，通过本文您将学会，如何用NotionNext中的快速插入自定义功能，比如自定义的鼠标特效。
按此教程，您的网页当鼠标点击后，指针点击处将浮现“社会主义核心价值观”的词条。
操作步骤
您需要分别修改项目中的两个文件 /public/js/custom.js 以及 /public/css/custom.css ， 即可实现该点击特效。
当然您也可以选择不改动源代码，而在Notion的配置中心添加，配置中心的
GLOBAL_JS对应源代码的/public/js/custom.js，GLOBAL_CSS对应代码中的/public/css/custom_css：
1. 脚本
在您的仓库中找到 /public/js/custom.js ， 这里可以填写你的自定义js脚本，在文件结尾添加以下内容
如图
2. 动画样式
在 /public/css/custom.css 中添加如下样式
如图
结束
修改以上两个文件后，项目重新部署，任务完成。
Loading...
Last update: 2023-08-14