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

QQ群:1222386
> 资讯中心 >> 建站技术 >>正文
javascript 一秒更换字体颜色值
2021-01-16 990 收藏
明天休憩,闲来无事,特殊给大家孝顺一个很精短的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里设置改动颜色的详细色值,在函数里都有引见,希望对您有所协助。

 

你觉得这篇文章怎么样?

0 0
参与讨论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
成品站
购买流程
  • 注册会员
  • 选择网站模板
  • 免费开通试用
  • 绑定域名试用
  • 选择套餐
  • 付款转正
  • 域名正式生效
  • 网站正式上线
  • 分站:
    扫描关注微信

    扫描加微信

    13852154923

    0516-66628816

    工作日 9:00-12:00 13:30-18:00
    周六及部分节假日提供值班服务
    2186398
    群:1222386
    做网站网站制作网络公司网站建设怎么做网站北京上海广州深圳南京合肥芜湖新疆甘肃济南
    Copyright@2003-2024 徐州亿优网架钢结构工程有限公司版权所有 Powered by EUCMS-v6.3 | 网站地图 苏ICP备19019550号