网页设计中如何设计自动改变字体颜色

Posted 2023-03-05

<script type="text/javascript">
var s="失败是成功之母"
var smsg="";
for(i=0;i<s.length;i++)
smsg+="<span>"+s.substr(i,1)+"</span>"

document.writeln(smsg);

//定义一个数组存放自己喜欢的字体
var zt=["华文楷体","黑体","宋体","华文隶书","隶书","幼圆","新宋体"]
//定义一个数组存放根据标签span得到的元素
var sp=document.getElementsByTagName("span")
setInterval(zoom,300);

//定义一个函数实现每个字的变化
function zoom()
//产生一个随机数，决定是哪一个span对象
var n=Math.floor(Math.random()*s.length);
var sp1=sp[n];
sp1.style.fontFamily=zt[Math.floor(Math.random()*7)];//产生一个随机数,决定是哪一个字体
sp1.style.fontSize=Math.floor(Math.random()*63)+10;//随机产生一个10~72之间的随机整数，作为字的大小
sp1.style.color=Color();//产生一个有效的用6位数表示的十六进制的颜色值

function Color()
var m=0xFFFFFF+1;
var n=Math.floor(Math.random()*m)//产生一个0~m的随机整数，作为颜色的十进制值
var c="000000"+n.toString(16);//将n转换为16进制，并调整保证有效6位以上。将c后6位取出并加上“#”，作为颜色的6位十六进制表示值返回
return "#"+c.substring(c.length-6,c.length);

</script>

请采纳！ 参考技术A 自动改变颜色？
目前能力没达到
css中 改变字体颜色
color:#000 用color属性就可以了
只听说过 用数组 设定几个颜色 然后随机调用出颜色
或者鼠标划上去 颜色改变
自动改变 还真不知道！ 参考技术B 自动改变颜色？
目前能力没达到
css中 改变字体颜色
color:#000 用color属性就可以了
只听说过 用数组 设定几个颜色 然后随机调用出颜色
或者鼠标划上去 颜色改变
自动改变 还真不知道！本回答被提问者采纳