jquery文字闪烁效果插件

当前位置:主页 > jQuery库 > 文本和超链接 > jquery文字闪烁效果插件
jquery文字闪烁效果插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:08-11
    阅读:
简要教程

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

使用方法

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

<script src="js/jquery.min.js"></script>
<script src="js/jquery.blink.js"></script>              
                
HTML结构

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

<p>这是<span class="blink">一段</span >文字<span class="blink blink2">闪烁效果</span>演示!</p>
                
初始化插件

在页面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