文字插件特效_文字动画特效js插件

所属分类：其他-动画效果

59139 856 查看评论 (79)

分享到微信朋友圈

查看演示立即下载

插件描述：此插件是针对文字写的一个动画插件，主要可运用在开场和出场的时候，插件方便小巧，只需要配置参数即可达到数十种动画效果

此插件运用简单，只需引入核心core_plugin.js插件即可自己根据demo部分的 custorm_effect.js里面的内容，去自己定义动画效果。此插件基于jquery和easing的支持，请注意demo里面的文件引入顺序。

整个自定义动画部分，以下一块是核心定义部分，其中onComplete回调接口可以提供给你继续定义其他动画和操作，让你灵活创建出连贯的一系列动画效果

欢迎下载，此插件已经运用到开发项目中，目前测试无bug存在，如果发现问题，欢迎提出。

(function($) {
    "use strict";
    var isOn = 0,
    sets, fx, toAnimate = "#effect",
    settings = {
        animation: 8,
        //动画方式 从1-15 每个数字代表一个动画 请自测效果
        animationType: "in",
        //显示方式 in 和out 参数，in代表入场,out代表出场
        backwards: false,
        //改变动画显示方向，默认false 设为true 动画将从后往前倒序播放
        easing: "easeOutQuint",
        speed: 1000,
        //动画帧速 即在指定时间内完成动画
        sequenceDelay: 100,
        //场景延迟  即执行完上一个动画后，等待指定时间继续执行下一动画
        startDelay: 0,
        //开始延迟，即执行当前动画时，等待指定时间后再开始
        offsetX: 100,
        //动画元素 x坐标偏移量
        offsetY: 50,
        //动画元素 Y坐标偏移量
        onComplete: doThis,
        //回调函数 即 执行完动画后，需要执行的回调方法
        restoreHTML: true //重置元素 即重复播放两次该动画 类似于此效果 默认true
    };
})