jquery mouseover和mouseout

Question

我只是想创建一个隐藏描述的产品目录。它需要显示用户何时悬停在它上面。如何做到这一点？

<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>