微件:配队模拟器

<script> $(document).ready(function() {

   // 点击角色槽位显示选择窗口
   $('#character-slot').on('click', function() {
       $('#character-modal').fadeIn(200);
   });
   
   // 关闭角色选择窗口
   $('#close-character-modal').on('click', function() {
       $('#character-modal').fadeOut(200);
   });
   
   // 点击遮罩层关闭窗口
   $('#character-modal').on('click', function(e) {
       if (e.target === this) {
           $(this).fadeOut(200);
       }
   });
   
   // 选择角色
   $(document).on('click', '.character-option', function() {
       // 克隆整个角色卡片
       var $clonedCard = $(this).clone();
       
       // 移除点击事件相关的类和样式
       $clonedCard.removeClass('character-option');
       $clonedCard.css({
           'cursor': 'default',
           'transition': 'none',
           'margin': '0'
       });
       
       // 清空槽位并添加克隆的卡片
       $('#character-slot').empty().append($clonedCard);
       $('#character-slot').css({
           'border': 'none',
           'padding': '0',
           'display': 'block'
       });
       
       // 关闭选择窗口
       $('#character-modal').fadeOut(200);
   });

}); </script>

<style> .character-option:hover {

   transform: scale(1.05);
   box-shadow: 0 4px 8px rgba(0,0,0,0.2);

}

1. character-slot .character-option:hover {

   transform: none !important;

</style>