首页 > 其他分享 >css设置字体闪烁

css设置字体闪烁

时间:2022-10-09 15:48:31浏览次数:77  
标签:style blinklink color blink getElementById 字体 document 闪烁 css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字闪烁</title>

</head>
<body>
<span id="blink"><b>奇葩天地网</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> 
</body>
</html>

https://blog.csdn.net/guo_qiangqiang/article/details/114688061

标签:style,blinklink,color,blink,getElementById,字体,document,闪烁,css
From: https://www.cnblogs.com/huatian007/p/16772361.html

相关文章

  • 直播系统搭建,设置样式(字体样式、行列宽高、对齐方式、边框、填充和渐变)
    直播系统搭建,设置样式(字体样式、行列宽高、对齐方式、边框、填充和渐变)1.字体样式 fromopenpyxlimportWorkbookfromopenpyxl.stylesimportFontwb=Workbook()ws......
  • 直播平台搭建源码,css预加载旋转动画 与 流光字体
    直播平台搭建源码,css预加载旋转动画与流光字体一、预加载旋转动画Html<viewclass="concentric_round"></view>​cssbody{}.concentric_round{width:200rpx;heig......
  • CSS布局
    传统网页布局的三种方式标准流/普通流/文档流(块级元素独占一行,从上往下排列,行内元素从左到右按顺序排列)浮动定位多个块元素纵向排列用标准流,多个块元素横向排列用浮......
  • css颜色渐变属性
    linear-gradient(颜色渐变,)例:toleft设置渐变方向,也可以换成toright=>totop=>tobottombackground:linear-gradient(toleft,#6be585,#dd3e54);效果图: ......
  • CSS动画(animation)
    CSS动画什么是CSS动画?动画使元素逐渐从一种样式变为另一种样式。您可以随意更改任意数量的CSS属性。如需使用CSS动画,您必须首先为动画指定一些关键帧。关键帧......
  • vue-4 CSS绑定/Style绑定
    <template><div><divclass="border-style"><h1:class="class3">-----------------CSS绑定-------------------</h1><div:class="{'c1':clEnable......
  • 【前端必会】CSS动画,的确很简单
    背景用css动画让你的页面交互动起来开始<body><buttonid="button">开始</button><divid="block"></div></body><script>document.getElementById("button"......
  • JavaWeb--CSS基础
    JavaWeb--CSS概念CascadingStyleSheets层叠样式表层叠:多个样式可以作用在同一个html的元素上,同时生效好处:功能强大将内容展示和样式控制分离降低耦......
  • Linux安装中文字体(已验证)
    1.安装字体命令sudoaptinstall-yfontconfig2.查看已安装的字体(1)查看linux已安装字体fc-list(2)查看linux已安装中文字体fc-list:lang=zh可以看看有没有......
  • css动画边框
    效果图: 代码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>*{margin:0;......