欢迎加入EUCMS官方QQ交流群,与更多EUCMS用户一起讨论,共同发财!

QQ群:1222386
> 资讯中心 >> 建站技术 >>正文
javascript 一秒更换字体颜色值
2021-01-16 0
明天休憩,闲来无事,特殊给大家孝顺一个很精短的javascript一秒钟改动某个字体的颜色,详细颜色可以经由历程js参数设置,挪用方便,使用庞大,照旧js弱大啊。
以下是javascript代码末尾:
------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript 一秒更换字体颜色值</title>
<style type="text/css">
* {padding:0px;margin:0px;font-size:14px;font-family:微软雅黑;}
#boxall {width:90%;height:28px;line-height:28px;border:1px solid #ccc;background:#efefef;text-align:center;margin:0px auto;margin-top:50px;}
</style>
<script type="text/ecmascript" defer="defer">
    var ColorText="加拿大,温哥华";
    var ColorArray=new Array("blue","red");//支撑颜色进制,如:#999999,要增加加入颜色,请直接在数组前面增加加入
    /*只需更改上方2个参数便可*/
    var defaultShowObj;
    var Colorforn=0;
    function ShowDiffColor(){
        document.getElementById(defaultShowObj).innerHTML="<span style='color:"+ColorArray[Colorforn]+"'>"+ColorText+"</span>";
        Colorforn++;
        if(Colorforn>=ColorArray.length) Colorforn=0;
        var ColorTimer=setTimeout("ShowDiffColor()",1000);
    }
</script>
</head>

<body>
    <div id="boxall"><script type="text/ecmascript" defer="defer">defaultShowObj='boxall';/*通报显示框的id称谓便可*/ShowDiffColor();</script></div>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------

上述是js代码终了
声明:您可以全体复制下面的js代码,复制并保管为html文件便可以体验js一秒钟改动字体颜色的功用了,虽然你也可以经由历程在javascript里设置改动颜色的详细色值,在函数里都有引见,希望对您有所协助。

 

成品站
购买流程
  • 注册会员
  • 选择网站模板
  • 免费开通试用
  • 绑定域名试用
  • 选择套餐
  • 付款转正
  • 域名正式生效
  • 网站正式上线
  • 分站:
    扫描关注微信

    扫描加微信

    13852154923

    0516-66628816

    工作日 9:00-12:00 13:30-18:00
    周六及部分节假日提供值班服务
    2186398
    群:1222386
    整形网 德国王牌建材
    Copyright@2003-2021 EUCMS智能建站平台版权所有 Powered by EUCMS-v6.2.1 | 网站地图 苏ICP备13022644号