文本/链接

简单文字动画特效jQuery插件

面包多

简单文字动画特效jQuery插件-创客云
这是一款简单的 jQuery 文字动画特效插件。该插件通过 js 代码来修改文字的位置和透明度,来实现简单的文字显示动画效果。

使用方法

在页面中引入 style.css 和 jquery.min.js、textyle.min.js 文件。

也想出现在这里?联系我们
WordPress 主题
  1. <link rel="stylesheet" href="css/style.css">
  2. <script  src="js/jquery.min.js"></script>        
  3. <script  src="js/textyle.min.js"></script>

HTML 结构

在页面中创建一些简单的文字。

  1. <p class="ex1">TEXTYLE</p>

初始化插件

在页面 DOM 元素加载完毕之后,通过下面的方法来初始化该插件。

  1. $('target').textyle();

配置参数

该 jQuery 文字动画特效插件的可用配置参数有:

  1. $('target').textyle({
  2.   duration : 400,
  3.   delay : 100,
  4.   easing : 'swing',
  5.   callback : null
  6. });

可以通过 jquery.easing.js 插件来使用 easing 缓动效果。

  1. $('target').textyle({
  2.   duration : 600,
  3.   delay : 150,
  4.   easing : 'linear',
  5.   callback : function(){
  6.       $(this).css({
  7.       color :  'coral',
  8.       transition :  '1s',
  9.       });
  10.   }
  11. });

该简单的 jQuery 文字动画特效插件的 github 网址为:https://github.com/mycreatesite/Textyle.js

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

阿里云

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

钻石珠宝奢侈品DedeCMS织梦模板

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!