funnyText.js 有趣的文本移动效果

funnyText.js  有趣的文本移动效果67
使用步骤
你将需要包括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'
    });
});

也许你还喜欢