文本/链接
简单文字动画特效jQuery插件
PetitQ
这是一款简单的 jQuery 文字动画特效插件。该插件通过 js 代码来修改文字的位置和透明度，来实现简单的文字显示动画效果。
使用方法
在页面中引入 style.css 和 jquery.min.js、textyle.min.js 文件。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.min.js"></script>
<script src="js/textyle.min.js"></script>
HTML 结构
在页面中创建一些简单的文字。
<p class="ex1">TEXTYLE</p>
初始化插件
在页面 DOM 元素加载完毕之后，通过下面的方法来初始化该插件。
$('target').textyle();
配置参数
该 jQuery 文字动画特效插件的可用配置参数有：
$('target').textyle({
duration : 400,
delay : 100,
easing : 'swing',
callback : null
});
可以通过 jquery.easing.js 插件来使用 easing 缓动效果。
$('target').textyle({
duration : 600,
delay : 150,
easing : 'linear',
callback : function(){
$(this).css({
color : 'coral',
transition : '1s',
});
}});
该简单的 jQuery 文字动画特效插件的 github 网址为：https://github.com/mycreatesite/Textyle.js
| 演示地址 | 立刻购买 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
