繁体   English   中英

文本淡入和淡出jQuery

Text fade in and out jquery

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个问题。 我有两个文字。 在页面加载时,当第一个文本淡出时,我希望第二个文本在同一行中淡出,第二个文本应保留。 这是我的小提琴http://jsfiddle.net/st6rxwjr/1/

这是我的代码:

<div class="text1 animated  zoomIn">Welcome to our site</div>
<div class="animated text2 bounceIn">Company Name</div>

CSS:

body { padding-top:30px;}
.text2 {
    display: none;
}
div {
    font-size:30px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
}

JS:

function fade() {
    $('.text1').fadeIn().delay(2000).fadeOut();
    $('.text2').delay(2000).fadeIn();
}
    fade();
2 个回复

尝试使用回调函数,如下所示:

function fade() {
    $('.text1').fadeIn().delay(2000).fadeOut(1000,function(){
        $('.text2').delay(2000).fadeIn();
    });
}

如果您不希望任何缓慢的淡入效果,可以将0而不是1000放进去。

我认为您需要: Fiddle。

更改您的Jquery代码text2延迟。 您给了2000,所以text2将在text1消失之前出现。

function fade() {
        $('.text1').fadeIn().delay(2000).fadeOut();
        $('.text2').delay(2500).fadeIn();

}
    fade();
1 jQuery文本淡入淡出

我想要 替换“。”中的单词。 到“第一” 1秒后,将单词从“第一”替换为“第二” 1秒后,将单词从“第二”替换为“第一” 1秒后,将单词从“第一”替换为“第二” 1秒后,将单词从“第二”替换为“第一” 反复地继续循环 但是,我的代码无法 ...

2 jQuery / Javascript:文本淡入/淡出

我需要获取一些文本以便在页面上淡入淡出(连续),但出现兼容性问题。 这是我正在使用的代码: 知道如何以不同的方式执行此操作吗? 还是使用I.E8中的上述方法使其正常工作? ...

3 jQuery淡入,淡出,淡入2

我已经在这里做了一些阅读,但我正在发布内容,因为我似乎无法具体弄清我要做什么。 我试图调整在这里找到的现有代码,但是没有这种运气。 我不太精通javascript可能对您没有帮助。 我是一名正在恢复的Flash设计师。 让我解释: 我有2个div,一个具有非常大的图像,一个具有 ...

4 jQuery淡入/淡出文本,然后淡入新文本

这是我第一次使用jQuery,我正在上在线课程,但从未在网站上使用过。 我的目标是在首页上先显示“ Hello there” 2秒钟,然后淡出并淡入“您的数字合作伙伴”并永久保留。 我一直在这里讨论有关相关难题的一些想法,并且越来越接近。 但是我的结构似乎是错误的,因为:1)两者同 ...

5 使用jQuery淡入和淡出不同的div以及输入文本

我对jQuery相当陌生,并且正在尝试重现此网站http://www.wolframalpha.com/的帮助提示 我已经取得了一些进展,但现在正在挣扎。 这是我到目前为止所拥有的: 帮助气泡的html: 风格: 加载dom时运行的jQuery: 短暂延迟后 ...

6 淡入/淡出jQuery文本叠加图像插件

我在一个循环中希望淡入淡出的目录中有一组图像。 大约有100万个jQuery插件可以完成此任务。 我还没有发现交叉淡入淡出文本覆盖图像的能力。 我不想做的是每个图像都有一个副本,一个带有文本覆盖,另一个没有文本覆盖,因为这似乎完全是浪费。 jQuery已经可以淡入/淡出文本以及图像, ...

7 jQuery淡入淡出文本

我现在有这个:(列表更长,但这只是一个元素) 和上面的HTML,我有这个JavaScript: 和这个: 现在一切正常,但是动画不起作用。 我想淡出h4,替换文本然后再淡入。 编辑也使用jQuery而不是javascript设置图像源 EDIT2 ...

8 如何使用jQuery(或CSS)淡入/淡出文本?

我正在构建一个随机的报价生成器,并希望在单击按钮提示时在报价之间切换时使用fadeIn / fadeOut函数。 但是我不确定如何在jQuery中定位文本,因为我直接从Javascript打印数组,如下所示: 这是到目前为止的项目: http://codepen.io/bianc ...

9 使用jQuery淡入/淡出文本

有没有一种方法可以用jQuery将文本淡入和淡出: 默认情况下,所有文本都是隐藏的 在页面加载等待1秒钟后,然后淡入第一个文本(持续时间500毫秒) 等待500毫秒 淡出文本(持续时间500ms) 等待1秒 重复 淡入/淡出周期必须是无限 ...

2015-05-26 18:36:55 2 43   jquery
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM