Question

我正在开发一个存储图像的应用程序，并将其显示在一个页面上。如果您悬停图像，菜单应向上滑动图像信息（标题，描述，标签等）。

以下是我的代码，但它不起作用。它在CSS中出了什么问题，或者它可以是什么？

提前致谢！

HTML：

<div class="post">
    <img src="image.png" />
    <div class="postDesc">
        content goes here...
    </div>
</div>

jquery的：

$('.post').hover(function () {
  $('postDesc').slideToggle('fast');
});

的CSS：

.post {
    background: white;
    border: 1px solid black;
    width: 200px;
    height: 200px;
    margin: 0px auto;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    position: relative;
}

.postDesc { 
    background:#de9a44;
    width:200px; 
    height:200px; 
    display:none; 
    position:absolute;
    left: 0;
    bottom: 0;
}

Answer 1

$(function(){
    $('.post').hover(function () {
     $('.postDesc').slideDown('fast');
    },function(){
             $('.postDesc').slideUp('fast');        
    });
});

http://jsfiddle.net/mwcef/

在每张图片上滑动菜单

1 个答案: