zoukankan      html  css  js  c++  java
  • Jquery版文字闪烁

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
    <style type="text/css">
    .changecolor1{color:red;}
    .changecolor2{color:blue;}
    </style>
    </head>
    
    <body>
    <script type="text/javascript">
    
    	function ChangeColor(){
    		$("#color1").toggleClass("changecolor1");
    		$("#color2").toggleClass("changecolor2");
    		setTimeout("ChangeColor()",1000)
    	}
    	ChangeColor();
    </script>
    <a href="#" style="color:green;"><p id="color1">color1</p></a>
    <p id="color2">color2</p>
    </body>
    </html>
    

    应用事例:

    <a href="http://www.685939.com/" target="_blank" style="color:#FFE7AD;"><span id="color1">抢红包</span></a>
    
    <style type="text/css">
    .changecolor1{color:#3CBB61;}
    .changecolor2{color:#CE5ADC;}
    </style>    
    <script type="text/javascript">
    
        function ChangeColor(){
            $("#color1").toggleClass("changecolor1");
            $("#color2").toggleClass("changecolor2");
            setTimeout("ChangeColor()",1000)
        }
        ChangeColor();
    </script>

      

  • 相关阅读:
    smarty基础
    smarty变量
    Google的Python代码格式化工具YAPF详解
    性能监控工具YourKit
    Scala学习笔记2
    Scala介绍
    线段树
    字符串分割方法
    Trie树
    Scala 学习笔记
  • 原文地址:https://www.cnblogs.com/bchome/p/7010530.html
Copyright © 2011-2022 走看看