以简单的方式创造有趣和疯狂的移动文本。

 查看演示  website  立即下载

以简单的方式创造有趣和疯狂的移动文本。

使用步骤

你将需要包括JavaScript文件jquery.funnyText.js和插件的css文件jquery.funnyText.css ，以及jQuery。

包括文件：

<link rel="stylesheet" type="text/css" href="jquery.funnyText.css" />
<script src="https://www.jq22.com/jquery/jquery-1.10.2.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'
    });
});

PREVIOUS:
NEXT:
jquery折纸效果
创建全屏的网页快速而简单