文本/链接
jQuery炫酷文字翻转打字机特效
PetitQ
这是一款使用 jQuery 制作的炫酷文字翻转打字机特效插件。该打字机特效中文字以 3d 翻转的方式一个个的出现，形成打字机效果，共有 5 种不同的打字机效果，其中有的效果文字在翻转的同时还不断变化，效果很酷。
HTML 结构：
在引入以上文件后，在 body 标签中放置下面的 html 代码：
也想出现在这里？联系我们吧
<body>
..<h1 class="intro">...</h1>
..</body>
JAVASCRIPT 代码：
$(".intro").flipping_text({
tickerTime: 10,
customRandomChar: false,
tickerCount: 10,
opacityEffect: true,
resetOnChange: false
});
打字机特效插件将自动计算容器中的文字个数，并执行打字机效果。下面来看看一些可用的参数：
tickerTime：该参数用于设置打字机的打字速度，单位毫秒。默认值为 10ms
customRandomChar：该参数用于设置随机字符。默认的字符为“ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789”，你可以设置自己的用于打印的字符
tickerCount：该参数用于设置打字机在字符变化时变化多少次才显示真正的字符。默认值是 10 次
opacityEffect：该参数用于设置打字机字符变化效果，默认为“fade-in ”效果。要关闭该效果，设置它为 false
resetOnChange：该参数是文字停止动画和显示下一个文字时的回调函数。当用户按了“tabs”键时，动画被重置，默认值为 false
按顺序播放文字序列，这个打字机特效插件允许你通过设置 data-delay 属性来定义每个文字的动画时间，并使文字按一定的序列一一打印。
data-delay
为了让开发者使用方便，这个打字机特效插件将自动计算每个文字的打印时间，不需要你去计算它们的时间总和，下面是一个例子：
<body>
..<h1 class="intro">...</h1>
<h1 class="intro" data-delay="1000">...</h1>
<h1 class="intro" data-delay="1000">...</h1>
..</body>
想象一下你要每一秒打印一个文字，在上面的代码中，第一个 intro 会立刻被显示，第二个会延时 1 秒，第三个会延时 2 秒。所以，你只需要 定义 1000ms 的 data-delay 就可以完成这个效果。
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
