Jquery Banner - 带有淡入淡出和弹出框

时间:2012-06-15 14:01:08

标签: jquery jquery-animate banner

这是我目前在Jquery Banner中的位置 - http://jsfiddle.net/WcXBs/2/

对jquery的不当使用表示道歉(不知道快捷方式等)。

我已经玩过Jquery转换以在更改时在横幅之间创建淡入淡出...但它们是错误的(我认为这是由于代码删除了类而添加了一个类意味着它没有任何消失)。

我也确实设法用动画扩展框,但确实发现第一次之后动画没有再显示。

查看我已经拥有的代码,是否有人能够提供指导,以便在横幅更改时实现淡入淡出动画,并成功实现高动画然后再回到原始状态?

谢谢,

1 个答案:

答案 0 :(得分:0)

你的方式过于复杂,我用非常轻松的方式做了你的横幅,请查看:DEMO

$('a').hover(function(){

   var swap = $(this).attr('href'); // takes the hovered object's href. example = '#one'

   $('.banners').stop().hide(); // hides all banners
   $(swap).stop().fadeIn(600); // brings the hovered object with it's id

   $('a').removeClass('selected'); // removes selected class
   $(this).addClass('selected'); //adds selected class to the hovered object
});