javascript - 悬停时淡化 div

Question

我有一个包含图像的 div，当您将鼠标悬停在它上面时，会出现另一个包含文本的 div。有没有办法(使用 jquery 或 CSS)添加淡入淡出效果？

这是我使用的代码...

.work_box1, .work_box2, .work_box3 {
    display: inline-block;
    height: 324px;
    width: 324px;
}
.work_title {
    display: none;
    height: 100%;
    width: 100%;
}
.work_box1:hover > .work_title, .work_box2:hover > .work_title, .work_box3:hover > .work_title {
    display: block;
}

Answer 1

这是我的做法:http://jsfiddle.net/5c324/1/

$("#myBox").mouseenter(function() {
     $( "#myBox" ).fadeTo( "slow" , 0.5, function() {});
});

$("#myBox").mouseout(function() {
     $( "#myBox" ).fadeTo( "slow" , 1.0, function() {});
});