使用步骤
你将需要包括JavaScript文件jquery.funnyText.js和插件的css文件jquery.funnyText.css ,以及jQuery。
包括文件:<link rel="stylesheet" type="text/css" href="jquery.funnyText.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.funnyText.js"></script>
所需的HTML结构
有趣的文字效果将根据您的自定义选择器将被使用,以及在初始化应用到文本。
<div class="mySelector"> funnText是用在这里< / DIV>
初始化
$(document).ready(function() {
$('.mySelector').funnyText();
});
一个更复杂的初始化所有的选项设置可能看起来像这样:
$(document).ready(function() {
$('.mySelector').funnyText({
speed: 700,
borderColor: 'black',
activeColor: 'white',
color: 'black',
fontSize: '7em',
direction: 'both'
});
});