Jquery Banner -带有淡入淡出和弹出框
提问于 2012-06-15 14:01:08
这是我目前在Jquery Banner - http://jsfiddle.net/WcXBs/2/的职位
对jquery的糟糕使用表示歉意(不知道快捷方式等)。
我尝试过使用Jquery转换来创建横幅之间的渐变……但它们是有缺陷的(我认为这是因为代码删除了类，同时添加了一个类，这意味着它没有什么可以淡出的)。
我也设法用动画扩展了框，但我发现在第一次之后，动画就不再显示了。
看看我已经有的代码，有没有人能够提供指导，以实现横幅之间的渐变动画，当他们改变，并成功的高度动画，然后回到原来的？
谢谢,
卢克
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-15 14:37:23
你的方法太复杂了，我用非常简单的方法做了你的横幅，看看吧：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
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11052128
复制
腾讯云开发者
