制作改变颜色的文字

时间:2014-12-17 08:47:40

标签: html text colors

我想制作改变颜色的文字,比如自动,任何人都可以帮助我吗? 就像改变颜色的文字一样 这条信息 它将每隔一秒更换一次红色/黑色。

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery

来完成
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>

<script>
    $(document).ready(function(){
      var y;

    setInterval(function () {
      if (y == 0) {
          $('.text').css('color','#ff0000');
          y = 1;
      } else {
          if (y = 1) {
            $('.text').css('color','#999');
              y = 0;
          }

      }
    }, 1000); // change the time if you want

    });


</script>
</head>
<body>
<span class="text">Change color text</span>

</body>
</html>

答案 1 :(得分:0)

不确定这是否是你想要的,但这个jquery会每秒自动改变颜色。

Demo

function randomcolor() {
    $('h1').each(function () {
        var hue = 'rgb(' + (Math.floor((256)*Math.random())) + ',' + (Math.floor((256)*Math.random())) + ',' + (Math.floor((256)*Math.random())) + ')';
        $(this).css("color", hue);
    });
}
randomcolor();

setInterval(function(){randomcolor();}, 1000);

我希望这能解决你的问题!