基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

文字游戏、修仙小游戏好看美观的页面，字体采用仙侠风格设计，页面简约好看大观。

    <script>
        // 水墨动画交互增强
        document.querySelectorAll('.menu-item').forEach(item => {
            item.addEventListener('click', function() {
                // 添加水墨涟漪效果
                const ripple = document.createElement('div');
                ripple.style.position = 'absolute';
                ripple.style.borderRadius = '50%';
                ripple.style.backgroundColor = 'rgba(0,0,0,0.1)';
                ripple.style.transform = 'scale(0)';
                ripple.style.animation = 'inkSpread 0.6s forwards';
                
                const rect = this.getBoundingClientRect();
                const size = Math.max(rect.width, rect.height);
                ripple.style.width = size 'px';
                ripple.style.height = size 'px';
                ripple.style.left = (rect.width/2 - size/2) 'px';
                ripple.style.top = (rect.height/2 - size/2) 'px';
                
                this.appendChild(ripple);
                
                setTimeout(() => {
                    ripple.remove();
                }, 600);
            });
        });
    </script>