我有一个图像,上面有一个信息框,下面是css。

正常的情况是,将鼠标悬停在图像上时会出现这种情况,但是我要相反。悬停图像时,我希望框滑出/向下约-50px。有人为此提示吗?

.imgTitleInfoTop {
    -moz-box-sizing: border-box;
    bottom: 0;
    font-size: 24px;
    font-weight: 500;
    height: 60px;
    line-height: 22px;
    width: 370px;
}

最佳答案

据我了解,您希望在悬停图像时隐藏.imgTitleInfoTop元素,因此代码应如下所示:

<script type="text/javascript">
 $('.yourImage').hover(function() {
  $(.imgTitleInfoTop).animate({
   height: 0
  }, 300);
 }, function() {
  $(.imgTitleInfoTop).animate({
   height: '60px'
  }, 300);
 });
</script>


(300是以毫秒为单位的时间,此操作需要多少时间,因此您可以使其速度更快或更慢)

关于java - 悬停时将滑块元素OUT,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17206179/

10-12 12:28
查看更多