js 闪烁的文字

Posted zijidefengge

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 闪烁的文字相关的知识,希望对你有一定的参考价值。

<html>
<head>
<title>闪烁的文字</title>


//通过if循环控制字体的颜色

<script language="javascript" type="text/javascript">
var flag=0;
function foo()
if(flag==0)
var text=document.getElementById("id1");
text.style.color="red";

text.style.textDecoration="line-through";
flag=1;

else
var text=document.getElementById("id1");
text.style.color="blue";

flag=0;


setTimeout("foo()",100);



</script>





//下面为html代码

</head>

<body onload="foo()">
<h1>闪烁的文字</h1>
<div id="id1">欢迎来到JS的世界

<br/>
<img src="pictures0.jpg">

</div>
</body>

</html>

上面的代码能够产生一个闪烁的文字效果(“欢迎来到...”    会在红色与蓝色之间切换)

 

技术图片

 

以上是关于js 闪烁的文字的主要内容,如果未能解决你的问题,请参考以下文章

Java中如何设置文字闪烁效果

文字闪烁

kivy python 闪烁文字

javaScript 利用随机数和定时器完成几个有用的文字小操作 文字的滚动效果,文字的打印效果和文字的颜色闪烁

css 闪烁文字

css实现流水文字闪烁荧光炫酷