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