我有一个图像,上面有一个信息框,下面是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/