悬停在动画文本上后,文本淡入淡出不会返回
Text fade not returning after hovering over animated text
在我们的网站上,我们有一个徽标标题文本,旁边有其他文本,这些文本会定期淡出并更改文本。
问题是,一旦徽标悬停在上面,文本渐变就不会生成下一阶段的文本,即使徽标不再悬停在上面也不会回来。
如何阻止文本消失而不返回?
这个代码是
//FADER TEXT
$('#headerFader').carousel({
interval: 2500,
pause: false
});
//BACK HOME TEXT
$('#headerText').hover(
function(){
$(this).find("h1#masterHeader").animate({opacity:0}, 0, function(){
$(this).css("display", "none");
$('#headerText').find("h1#takemeback").css("display", "block");
$('#headerText').find("h1#takemeback").animate({opacity:1,});
});
},
function(){
$(this).find("h1#takemeback").animate({opacity:0}, 0, function(){
$(this).css("display", "none");
$('#headerText').find("h1#masterHeader").css("display", "block");
$('#headerText').find("h1#masterHeader").animate({opacity:1,});
});
}
);
为了解决这个问题,我在第二个函数中复制了头表面程序,比如这个
function(){
$(this).find("h1#takemeback").animate({opacity:0}, 0, function(){
$(this).css("display", "none");
$('#headerText').find("h1#masterHeader").css("display", "block");
$('#headerText').find("h1#masterHeader").animate({opacity:1,});
//FADER TEXT
$('#headerFader').carousel({
interval: 2500,
pause: false
});
});
}
有没有一种更优雅的方法可以做到这一点,而不是重复头程序?
您的动画函数中似乎有一个尾随逗号
$('#headerText').find("h1#takemeback").animate({opacity:1,});
试着去掉它,看看会发生什么。
相关文章:
- 3秒后淡出文本
- 文本淡入淡出后循环加载页面
- 文本淡入淡出jquery
- 动画文本淡入淡出
- jQuery在用新文本替换HTML文本时淡出HTML文本,而不是仅显示
- 如何垂直淡出文本,类似于Amazon'的产品说明
- 从图像A淡出到图像B,包括文本
- 悬停在动画文本上后,文本淡入淡出不会返回
- 动画文本阴影以淡入淡出
- 使用jQuery淡出文本
- 只需单击一次按钮,jquery即可自动淡入/淡出文本
- 如何使用jQuery淡入淡出文本
- 悬停在文本上,图像淡入淡出&出来
- 如何在JS中构建纯文本淡入/淡出轮播(类似引导)
- 表格中单元格中的淡入淡出文本
- 文本粗细在淡入和淡出时更改
- Jquery 在文本中淡出一段时间
- 使用javascript使文本淡出
- 循环中的文本淡出/淡出动画
- 如何使文本淡出