在我的图库中消失

Question

我有一个图片库，我想添加淡入淡出效果，如何在此代码中执行此操作？

$(document).ready(function() {
$(".gallery div").mouseover(function(){
    $(".gallery div").removeClass("current");
    $(this).toggleClass("current");
});
 }); 

提前致谢

Answer 1

使用淡入淡出effect。

你可以根据需要做fadeIn，fadeOut或fadeTo：

$("p:first").click(function () {
  $(this).fadeTo("slow", 0.33);
});

Answer 2

像这样的东西，在鼠标移动时消失，在悬停时消失？

$(document).ready(function() {
  $(".gallery div").mouseover(function(){
    $(".gallery div").removeClass("current").fadeTo(500, 0.25);
    $(this).toggleClass("current").stop().fadeIn(200);
  });
});

您也可以通过hover() function：

执行此操作

$(document).ready(function() {
  $(".gallery div").hover(function(){
    $(this).addClass("current").stop().fadeIn(200);
  }, function() {
    $(this).removeClass("current").fadeTo(500, 0.25);
  });
});

Answer 3

$(document).ready(function() {
$(".gallery div").hover(function(){
    $(".gallery div").removeClass("current").fadeOut('fast');
    $(this).toggleClass("current").fadeIn('fast');
});
 });