jquery文字闪烁效果插件


源码介绍

简要教程

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



点赞(0) 打赏

立即下载

点击下载

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部