露露 · 网页看板娘 Demo 🦫

Shadow DOM 隔离 无依赖 单文件 IIFE

右下角应该已经出现一只露露。你可以 拖动 她、双击 切换动画 / 让她说话、右键 打开菜单。

在任意网站引入（最简，资源默认走脚本同级 ./assets/）：

<script src="https://lulu.feifeile.cn/lulu-pet.min.js"></script>

需要自定义参数：

<script
  src="https://lulu.feifeile.cn/lulu-pet.min.js"
  data-assets="https://lulu.feifeile.cn/assets/"
  data-size="140"
  data-position="bottom-right"
  data-auto-walk="true"></script>

支持的 data-* 选项：data-assets（必填，资源目录）、data-size、data-margin、data-position、data-auto-walk、data-storage-key、data-no-auto="true"。

编程式 API：LuluPet.init({...}) / LuluPet.destroy() / LuluPet.get()。