在html5中如何让一串文字显示n秒后消失,接着另一串文字也重复该流程?可以吗?
展开全部
光是HTML应该不行吧
要用到脚本语言 大概意思就是
循环》元素隐藏(延时)》下一个元素
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<script type="text/javascript">
var i = 0;
function load () {
setInterval('load()',5000);
i++;
document.getElementById("text" + i).style = "display: none";
}
</script>
</head>
<body onload="setInterval('load()',5000);">
<p id="text1">Hollow World</p>
<p id="text2">Be yourself !</p>
</body>
</html>
写了大半个小时 只能帮你这么多了 我也不是很熟练
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
给你要的地方加上该类,类名是myShow,代码如下:
.myShow{
opacity:0;
animation:myShow 10s;
}
@keyframes{
0%{
opacity:1;
}
90%{
opacity:1;
}
100%{
opacity:0;
}
}
十秒动画,九秒显示,最后一秒逐渐透明。
.myShow{
opacity:0;
animation:myShow 10s;
}
@keyframes{
0%{
opacity:1;
}
90%{
opacity:1;
}
100%{
opacity:0;
}
}
十秒动画,九秒显示,最后一秒逐渐透明。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
jQuery里面直接有个fadeIn,或者你直接写个css3 动画很easy的
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
要用js写,setInterval定时器
$(function(){
var x= 0;
setInterval(function(){
x++;
$('.hiden1').hide();
if(x==2){
$('.hiden2').hide();
}
},3000)
})
$(function(){
var x= 0;
setInterval(function(){
x++;
$('.hiden1').hide();
if(x==2){
$('.hiden2').hide();
}
},3000)
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询