jquery mouseover和mouseout

Question

Iam只是試圖創建一個隱藏描述的產品目錄。它需要顯示用戶何時懸停在上面。如何獲得這項工作？

<script> 
    $("div.template_showcase").hover(function(){ 
      $("div.app_details").css('margin-top','-154px';); 
    },function(){ 

      $("div.app_details").css('margin-top','-8px';); 
     }); 
</script> 


<div class="template_showcase"> 
      <a href="#"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/templates/review.png" /> 
      <div class="app_details"> 
      <span class="paratitle">Review</span> 
      <span class="para"> 
      Turn your jumbo in to a review site 
      </span> 
      <span class="addbutton">Add to Jumbo</span> 
      </div> 
      </a> 
</div> 

Answer 1

你在css屬性分配裏面有多餘的分號，這可能是你的代碼被破壞的原因。只需使用show()和hide()即可。雖然通常不會使用有用的負邊距。

<script> 
    $("div.template_showcase").hover(function(){ 
      $("div.app_details").show(); 
     },function(){  
      $("div.app_details").hide(); 
     }); 
</script>