📜  如何使用 jQuery 创建闪烁的文本效果?

📅  最后修改于: 2022-05-13 01:56:01.555000             🧑  作者: Mango

如何使用 jQuery 创建闪烁的文本效果?

在本文中,我们将使用 jQuery 创建一个闪烁的文本。基本上就是,一个文本可见,然后它变成不可见,然后又回到原来的可见性,这个过程不断重复,然后它被称为闪烁文本。

使用 jQuery,创建闪烁或闪烁的文本非常简单。 jquery 中有一些可用的内置方法,我们将使用它们来创建闪烁的文本。我们有一个jQuery方法fadeOut()将可见元素转换为隐藏元素和另一个方法fadeIn() 将隐藏元素转换为可见元素。

淡入淡出效果:我们必须标记显示:无 在使用 CSS 的每个元素上,显示fadeIn()方法的工作。

HTML


  

  
    
      
    
    

  

    

Hello

    

Hello

    

Hello

          


HTML


  

  
    
      
  
     

  

    

Hello

    

Hello

    

Hello

          


HTML


  

  
    
    
  
    

  

    

Hello

          


输出:



淡出:以下示例演示了 jQuery淡出()方法。

HTML



  

  
    
      
  
     

  

    

Hello

    

Hello

    

Hello

          

输出:

最终代码:当以上两种方法一起使用时,结果将是一个闪烁的文本。但是上面代码的问题是文本只会闪烁一次。因此,要重复执行此过程,我们可以使用 jQuery setInterval( )函数。

HTML



  

  
    
    
  
    

  

    

Hello

          

输出: