码迷,mamicode.com
首页 > Web开发 > 详细

js 闪烁的文字

时间:2019-09-02 22:11:47      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:htm   lse   type   info   世界   idt   asc   load   var   

<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 闪烁的文字

标签:htm   lse   type   info   世界   idt   asc   load   var   

原文地址:https://www.cnblogs.com/zijidefengge/p/11449329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!