js实现文字闪烁特效的方法

    2020-04-29 10:15:26

    发表时间:


    这篇文章主要介绍了js实现文字闪烁特效的方法,使用style对象来设置css属性,结合定时器就可以实现该功能,感兴趣的小伙伴们可以参考一下。
    本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考。
    实现原理:使用style对象来设置css属性,结合定时器就可以实现js实现文字闪烁特效。
    具体代码如下:

    < html>
    < head>
    < meta charset=“gb2312“ />
    < title> js实现文字闪烁特效< /title>
    < /head>
    < script>
    var flag = 0;
    function start(){
    var text = document.getElementById(“myDiv“);
    if (!flag)
    {
    text.style.color = “red“;
    text.style.background = “#0000ff“;
    flag = 1;
    }else{
    text.style.color = ““;
    text.style.background = ““;
    flag = 0;
    }
    setTimeout(“start()“,500);
    }
    < /script>
    < body onload=“start()“>
    < span id=“myDiv“> css的世界是如此的精彩!< /span>
    < /body>
    < /html>

    KEYAN编码网址解码

    · END ·

    关键词:js文字闪烁特效代码 标签:js实现文字闪烁特效的方法

    以上内容来源本站

文章推荐:

最新 工具

js实现文字闪烁特效的方法

发表时间:2020-04-29 10:15:26


这篇文章主要介绍了js实现文字闪烁特效的方法,使用style对象来设置css属性,结合定时器就可以实现该功能,感兴趣的小伙伴们可以参考一下。
本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考。
实现原理:使用style对象来设置css属性,结合定时器就可以实现js实现文字闪烁特效。
具体代码如下:

< html>
< head>
< meta charset=“gb2312“ />
< title> js实现文字闪烁特效< /title>
< /head>
< script>
var flag = 0;
function start(){
var text = document.getElementById(“myDiv“);
if (!flag)
{
text.style.color = “red“;
text.style.background = “#0000ff“;
flag = 1;
}else{
text.style.color = ““;
text.style.background = ““;
flag = 0;
}
setTimeout(“start()“,500);
}
< /script>
< body onload=“start()“>
< span id=“myDiv“> css的世界是如此的精彩!< /span>
< /body>
< /html>

· END ·

关键词: 标签:

以上内容来源本站

//评论数 //参与数

博主简介 - 广告合作 - 文章投稿 - 故事文摘 - 典范条目 - 博主新闻

 百科创建更新

网站地图

 

© 2020 blog.dgso.cn 赵彦彬博客 吉ICP备17000796号-1