当前位置:JS特效 » 图片效果 » jquery文字闪烁效果插件
 jquery文字闪烁效果插件
如果您觉得内容不错,请分享:

插件介绍

jquery.blink.js是一款简单的jquery文字闪烁效果插件。通过该插件你可以使任意文字实现闪烁效果,你还可以动态控制文字停止闪烁,简单实用。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:40
简要教程

jquery.blink.js是一款简单的jquery文字闪烁效果插件。通过该插件你可以使任意文字实现闪烁效果,你还可以动态控制文字停止闪烁,简单实用。

使用方法

在页面jquery和jquery.blink.js文件。


              
                
HTML结构

将需要实现文字闪烁效果的文字使用元素包裹起来,并为其添加一个class类。

这是一段文字闪烁效果演示!

初始化插件

在页面DOM元素加载完毕之后,可以通过blink()方法来初始化该jquery文字闪烁插件。

$(document).ready(function() {  
  $('.blink').blink({delay: 200});
});                  
                

其中delay参数为文字闪烁的间隔时间。

如果要使文字停止闪烁,可以通过unblink()方法来实现。

$('#stop').click(function() {
    $('.blink').unblink();
});                 
                

该jquery文字闪烁效果插件的github地址为:https://github.com/johnboker/jquery.blink

Top