html字体动态效果

somedaywx 2012-09-19 08:52:34
我想设置字体一个一个地显现出来。。比如“生日快乐”,当我一打开页面的时候第一个显示“生”,1秒后显示“日”。。以此类推。请问是用到html的哪个标签和哪个效果的关键字?最好写个能实现的例子。
...全文
770 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
somedaywx 2012-09-19
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 的回复:]

<div id='div1'></div>
<script type="text/javascript">
var strarr=['生','日','快','乐'];
var index=0;
setInterval(function(){
var div1=documwnt.getElementById('div1');
if(index>=strarr.length……
[/Quote]
感谢你的热情帮助,谢谢,结贴给分了。
未知数 2012-09-19
  • 打赏
  • 举报
回复
<div id='div1'></div>
<script type="text/javascript">
var strarr=['生','日','快','乐'];
var index=0;
setInterval(function(){
var div1=documwnt.getElementById('div1');
if(index>=strarr.length)
{
index=0;
div1.innerHTML="";
}
div1.innerHTML+=strarr[index];
index+=1;
},1000)
</script>
somedaywx 2012-09-19
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 的回复:]

帮你写一个吧
<div id='div1'></div>
<script type="text/javascript">
var strarr=['生','日','快','乐'];
var index=0;
setInterval(function(){
if(index>=strarr.length) index=0;
var div1=documwnt.get……
[/Quote]

哦哦,原来是这样子,再麻烦你下,我想请问下显现出来的字就不要消失了,第二个字紧跟着第一个字显现出来,就是第一次显现“生”,第二次显现“生日”,以此类推。那是该怎么实现呢?
未知数 2012-09-19
  • 打赏
  • 举报
回复
帮你写一个吧
<div id='div1'></div>
<script type="text/javascript">
var strarr=['生','日','快','乐'];
var index=0;
setInterval(function(){
if(index>=strarr.length) index=0;
var div1=documwnt.getElementById('div1');
div1.innerHTML=strarr[index];
index+=1;
},1000)
</script>
效果为循环播出这四个字,间隔一秒
未知数 2012-09-19
  • 打赏
  • 举报
回复
这个不是html做的,动态效果要用javascript实现
用定时器可以很轻松实现

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧