当前位置:首页 > 网站应用

html 文字闪烁功能的 js 代码

cjw1232年前 (2024-09-20)网站应用4450
<span id="blink"><b>文字闪烁,追求完美blog</b></span>
<script type = "text/javascript" >
function blinklink() {
    if (!document.getElementById('blink').style.color) {
        document.getElementById('blink').style.color = "red";
    }
    if (document.getElementById('blink').style.color == "red") {
        document.getElementById('blink').style.color = "#FFFFFF";
    } else {
        document.getElementById('blink').style.color = "red";
    }
    timer = setTimeout("blinklink()", 500);
}
function stoptimer() {
    clearTimeout(timer);
} 
blinklink()
</script>


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://cjw123.com/blog/?id=118

标签: htmlJS
分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

css3实现不断旋转动画加载,并弹性布局显示

<style> body{ background:#34495e; display:flex; justify-content:center; align-items:center; height:100vh; } .loading{ position:relative…

css3实现加载动画,边框跑马灯

<style> body{/*让body所有元素正居中*/ display:flex; justify-content:center;/*水平居中*/ align-items: center;/*垂直居中*/ height:100vh;/*不加高,无法垂直居中…

3种js+css实现移动设置底部固定菜单,极简方法

解开css中注释,共3种方式,推荐flex方法。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="…

div+css+js实现菜单的收缩与展开,适合问答

<html> <head> <title>div+css+js实现菜单的收缩与展开</title> <meta http-equiv="Content-Type" content="text…

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋转。通过巧妙地运用CSS的动画属性和变换属性,你可以实现这个效果。首先,使用CSS创建一个心形图案,可以通过调整元素的宽高、边框、背景色等属性来塑造心形的形状。然后…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。