zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    编写SASS代码
    表单
    动画和变形
    图片多媒体
    基本概念
    弹性布局
    HTML和CSS概述
    页面的制作过程
    盒子定位体系
    css盒子
  • 原文地址:https://www.cnblogs.com/zijidefengge/p/11449329.html
Copyright © 2011-2022 走看看