2012-04-08 97 views
2

这是我的java脚本,当我使用它时,它将不透明度带到了我的第二张图片上。我希望当第二个图像淡入淡出时,第一个图像开始淡出。我需要添加哪些代码? :3我将添加到我的Java脚本,以使淡入淡出。

.b1是我的第一个图像.b2是我的第二图像

有什么想法?

$(document).ready(function(){ 

    $('.b2').animate({ 
     opacity:.0             
    }); 

    $('.b2').hover(function(){ 
     $(this).stop().animate({opacity:1});      
    }, function(){ 
     $(this).stop().animate({opacity:0});     
    }); 


}); 

我想这(对.b2脚本的对面。)

$('.b1').hover(function(){ 
     $(this).stop().animate({opacity:0});      
    }, function(){ 
     $(this).stop().animate({opacity:1});     
    }); 

什么我需要添加到假冒.b1褪色。 http://www.staygold-design.com在我的导航栏上滚轮只是在图像中淡入淡出,我希望第一张图像淡出。

+0

认真.. 1错字?没有必要这样做,并给它一个负面的..混蛋。 – Dyluckk 2012-04-08 03:04:19

+0

也我看不出我在这个问题上怎么努力。 T_T – Dyluckk 2012-04-08 03:07:25

+4

这不是错别字,它是格式化的其余部分。我已经为您清理了它,但是如果不加粗写所有内容并注意发布干净的代码,您会得到更好的回复。我也没有看到任何证据显示你在'.b1'上试图做什么,这就是有些人更可能会贬低你的地方。 – 2012-04-08 03:17:56

回答

0

我正在关闭您发布的第一个代码块。从我看到的情况来看,这段代码对.b1(根据动画)没有任何影响。

$(document).ready(function(){ 

$('.b2').animate({ 
    opacity:.0             
}); 

$('.b2').hover(function(){ 
    $(this).stop().animate({opacity:1}); 
    $(".b1").stop().animate({opacity:0});      
}, function(){ 
    $(this).stop().animate({opacity:0}); 
    $(".b1").stop().animate({opacity:1});    
}); 
}); 

抛开错误,这应该让你走上正轨。当.b2进入视图时,.b1正在淡出。当用户停止在.b2上方停留时,它会淡出并且.b1淡入。

将悬停函数之外的将.b2不透明度初始化为0的动画可能不会按照您的方式行事。随着页面加载,它将立即开始消失。将它设置为零可能会更好,而不是将其设置为零。