Html 如何在两种不同的语言中拥有一个标题?

Html 如何在两种不同的语言中拥有一个标题?,html,css,Html,Css,我有一个网站,它的内容是两种当地语言,问题是所有的标题都是一种语言,我想有两种语言的标题动画, exp:title1显示3秒钟,然后title2自动显示,我的意思是两种不同语言的一个标题应该同时更改为两种语言 <div class="col-md-4"> <div class="cont"> <h1> title 1 </h1> <h1> title 2 </h1> </div>

我有一个网站,它的内容是两种当地语言,问题是所有的标题都是一种语言,我想有两种语言的标题动画, exp:title1显示3秒钟,然后title2自动显示,我的意思是两种不同语言的一个标题应该同时更改为两种语言

<div class="col-md-4">
   <div class="cont">
     <h1> title 1 </h1>
     <h1> title 2 </h1>
    </div>
</div>

标题1
标题2

使用jQuery,您可以通过多种方式实现这一点,使用
。slideUp
只是其中之一。
$(“#1”).fadeTo(1000500).slideUp(500,function(){
元(1).slideUp(500);;
});

标题1
标题2

使用jQuery,您可以通过多种方式实现这一点,使用
。slideUp
只是其中之一。
$(“#1”).fadeTo(1000500).slideUp(500,function(){
元(1).slideUp(500);;
});

标题1
标题2

我编辑了一点@Melissa Skywalkz的答案 我认为你想不断地交换图像

$(文档).ready(函数(){
函数swapImages(){
变量title1=$(“#title1”);
变量title2=$(“#title2”);
如果(标题1.css(“显示”)=“块”)
{
标题1.slideUp(500);//500毫秒动画时间
标题2.向下滑动(500);
}
其他的
{
标题1.向下滑动(500);
标题2.幻灯片(500);
}
}
setInterval(swapImages,3000);//标题更改之间的延迟
});
#标题1
{
显示:块;
}
#标题2
{
显示:无;
}

标题1

标题2
我编辑了一点关于Melissa Skywalkz的答案 我认为你想不断地交换图像

$(文档).ready(函数(){
函数swapImages(){
变量title1=$(“#title1”);
变量title2=$(“#title2”);
如果(标题1.css(“显示”)=“块”)
{
标题1.slideUp(500);//500毫秒动画时间
标题2.向下滑动(500);
}
其他的
{
标题1.向下滑动(500);
标题2.幻灯片(500);
}
}
setInterval(swapImages,3000);//标题更改之间的延迟
});
#标题1
{
显示:块;
}
#标题2
{
显示:无;
}

标题1


标题2
是的,但是有纯html和css代码还可以吗?如果我能帮助你,我很高兴,但是你打算对内容做什么?这不能只通过css完成吗?类似于或,但通常情况下,如果一个站点有两个语言环境,则使用切换在一个语言环境或另一个语言环境之间切换,而不是同时显示这两个语言环境。例如,toyota.ca您可以用法语或英语查看它。您可以检查浏览器语言并显示本地语言或备用语言(英语)。pavelbere实际上我做了一个项目,在这个项目中使用两种本地语言,每个标题都应该用两种语言,这就是我需要它的原因。谢谢你的帮助。是的,但是有纯html和css代码还可以吗?如果我帮了你,我很高兴,但是你打算怎么处理这些内容呢?这不能仅仅通过css来完成吗?类似于或,但通常情况下,如果一个站点有两个语言环境,则使用切换在一个语言环境或另一个语言环境之间切换,而不是同时显示这两个语言环境。例如,toyota.ca您可以用法语或英语查看它。您可以检查浏览器语言并显示本地语言或备用语言(英语)。pavelbere实际上我做了一个项目,在这个项目中使用两种本地语言,每个标题都应该用两种语言,这就是我需要它的原因。谢谢你的帮助。谢谢Melissa Skywalkz,很好,但不是自动动画,我需要每个标题在2或3秒后自动动画。你能帮我吗?我会非常感激的。我制作了另一个片段,这样你就可以看到如果我们把它应用到每个人身上会发生什么:)谢谢Melissa Skywalkz,它很好,但它不是自动动画,我需要每个标题在2或3秒后自动动画。你能帮我吗?我会非常感激的。我又做了一个片段,这样你就可以看到如果我们把它应用到每个人身上会发生什么:)很棒的添加!我试着保持简单,但你的答案可能更有用:)哇,Pavelbe正是我需要它,它看起来很棒,我有多个部分和多个标题,如果我实现了这段代码,我将无助于在你编写的js代码中包含每个标题。很棒的添加!我试着保持简单,但你的答案可能更有用:)哇,Pavelbe正是我需要它,它看起来很棒,我有多个部分和多个标题,如果我实现了这段代码,我无法在你编写的js代码中包含每个标题。