一年一度的中秋节马上又要到了，给你的浏览器也来点氛围感吧

{
  "manifest_version": 2,
  "name": "中秋点击效果",
  "version": "1.0",
  "description": "祝大家中秋节快乐 ——JYeontu",
  "icons": {
    "128": "img/moon.png",
    "48": "img/moon.png",
    "16": "img/moon.png"
  },
  "browser_action": {
    "default_icon": "img/moon.png",
    "default_popup": "index.html"
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["bg.js"],
      "run_at": "document_end",
      "css": ["index.css"]
    }
  ],
  "permissions": ["tabs", "activeTab"]
}

const moonFromJY = document.createElement("div");
moonFromJY.id = "moonFromJY";
document.body.appendChild(moonFromJY);
var container = document.body;
var moonFromJYDemo = document.getElementById("moonFromJY");
const classList = [
  "fullMoon",
  "mooncakeWithCat1",
  "mooncake",
  "rabbit",
  "mooncakeWithCat2",
];
// 监听点击事件
document.addEventListener("click", function (event) {
  const num = Math.floor(Math.random() * classList.length);
  var newMoonFromJY = moonFromJYDemo.cloneNode(true); // 创建新的月亮元素
  newMoonFromJY.style.left = event.clientX + "px"; // 设置月亮的水平位置
  newMoonFromJY.style.top = event.clientY + "px"; // 设置月亮的水平位置
  newMoonFromJY.style.display = "block";
  newMoonFromJY.classList.add(classList[num]); //随机选择图片背景贴纸
  container.appendChild(newMoonFromJY); // 将月亮添加到容器中
  // 移除月亮
  setTimeout(function () {
    newMoonFromJY.remove();
  }, 2000);
});

#moonFromJY {
  position: absolute;
  animation: starFall 2s linear infinite;
  opacity: 0;
  cursor: pointer;
  display: none;
  height: 32px;
  width: 32px;
  z-index: 99999;
  background-repeat: no-repeat;
  background-size: cover;
}
.fullMoon {
  background: url(满月图片base64);
}
.mooncake {
  background: url(月饼图片base64);
}
.rabbit {
  background: url(玉兔图片base64);
}
.mooncakeWithCat1 {
  background: url(猫猫&月饼图片1base64);
}
.mooncakeWithCat2 {
  background: url(猫猫&月饼图片2base64);
}
@keyframes starFall {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    top: calc(100% - 20px);
    opacity: 0;
  }
}