jquery 宽度动态400到0变化

明天的明天 永远的永远 未知的一切 我与你一起承担 ?? / 2024-10-19 / 原文

<style>
#spreadBtn {
  position: fixed;
  display: none;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.act{
  display:block !important;
}
</style>

 

     
 $(function(){
 
        $("#lui-id-224").hover(
            function(){
               //当鼠标放上去的时候,程序处理
               $("#top_frame").addClass("act");
               $('#top_frame').animate({ width: '162px',height: '190px' }, 400); // 400是动画持续时间(毫秒)
            },
            function(){
               //当鼠标离开的时候,程序处理
               
               $('#top_frame').animate({ width: '0px',height: '0px' }, 400); // 400是动画持续时间(毫秒)
            });
            


    
})