当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <blink>用法及代码示例


HTML <blink>标记用于创建缓慢闪烁的闪烁文本。所有流行的浏览器都已经过时了,而某些浏览器从不支持它。该标签也从未被超文本mark-up语言标准化。

您可以使用CSS和JavaScript重新创建相同的视觉效果。 Internet使用指南强烈建议不要使用闪烁的文本,因为这可能会导致残疾用户出现问题。很少使用闪烁效果,因为用户观看永久闪烁的文本很烦人。

范例1:由于不推荐使用眨眼组件,因此该示例无法正常工作。为了引起眨眼的影响,请使用JavaScript强制执行的示例2。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Blinking text using HTML 
    </title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <blink> 
        Blink tag not working 
        in HTML 
    </blink> 
</body> 
  
</html>

输出:

Exampleb 2:本示例使用JavaScript创建闪烁效果。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Blinking with JavaScript 
    </title> 
  
    <style> 
        #blink { 
            font-size:20px; 
            font-weight:bold; 
            font-family:sans-serif; 
        } 
    </style> 
</head> 
  
<body> 
    <p id="blink"> 
        Hello Geeks let's Blink 
    </p> 
      
    <script type="text/javascript"> 
        var blink =  
            document.getElementById('blink'); 
  
        setInterval(function () { 
            blink.style.opacity =  
            (blink.style.opacity == 0 ? 1:0); 
        }, 1000);  
    </script> 
</body> 
  
</html>

输出:




相关用法


注:本文由纯净天空筛选整理自yash41997大神的英文原创作品 HTML | <blink> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。