用JavaScript实现可复用性的文字闪烁的效果

以下为JSP页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"><!-- 需要使用符合 XML 规范的 XHTML 文档 ,在大多数情况下,绝大多数 XHTML 作者都不需要定义多个命名空间,但是您仍然有必要理解存在着多个命名空间,以便在需要选择将基于某个 DTD 的内容嵌入其他 DTD 定义的内容中时,可以管理多个命名空间-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>文字闪烁</title>
    <style type="text/css">
        .changecolor0{color:#f00;}
        .changecolor1{color:#0f0;}
        .changecolor2{color:#00f;}
        .changecolor3{color:#f0f;}
        .changecolor4{color:#0ff;}
        .changecolor5{color:#000;}
    </style>
</head>
<body>
    <span id="remaincolor">文字闪烁效果</span>
    <script type="text/javascript">
        var textID=document.getElementById("remaincolor");    
        textShine(textID);
        function textShine(textID){
            var i=0;
            var textId=textID;
            function shine(textId){                    
                textID.className="changecolor"+i%6;
                i++;
                if(i==7){    
                    i=0;
                }
            }
            setInterval(function(){shine(textId);},500);
        }
    </script>
</body>
</html>

 

 

转载于:https://www.cnblogs.com/taocom/archive/2012/05/03/2480115.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值