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

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

 56142  851  查看评论 (76)
分享到微信朋友圈
X
文字插件特效_文字动画特效js插件 ie兼容8

此插件运用简单,只需引入核心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
	};
})


相关插件-动画效果

jQuery飘落的枫叶

枫叶一片一片又一片,此时最相思,代码简单方便调用
  动画效果
 30146  363

3D标签云滚动插件

3D标签云,小修改气泡云随着鼠标方向滚动
  动画效果
 41178  403

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 37480  498

css3登陆界面

最近做的一个css3的登陆界面
  动画效果
 44365  399

讨论这个项目(76)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    派大欣十九丶 0
    2020/7/17 10:21:45
    很好用,循环调用的话修改doThis函数,在doThis里面onComplete继续调用doThis。
    有一个小小的bug,空格符会识别出来,写 也不行,在研究研究 回复
    L 0
    2020/1/4 22:53:02
    这个我怎么让其他文字也一只展示啊 回复
    ??2????? 0
    2019/12/10 17:58:43
    往后余生 0
    2019/5/31 17:39:16
    很多人是不是都不知道 连续签到三天以上 就可以每天一个Q币 回复
    苏哥,椰子皮 0
    2019/5/25 10:30:19
    没有JQ币啊 怎么获取啊,有没有人帮我分享一下啊 回复
    allen199004 0
    2019/4/9 16:04:25
    万网网建 ⑥ 0
    2019/3/21 12:01:55
    效果不错,下一个测试下 回复
    - 生不对,死不起 0
    2018/12/20 16:45:54
    如果只有一行文字,特效很好,多行的会重叠、
        待你长发及腰,定娶你!0
        2019/3/25 16:23:20
        可以分别对多行进行设置吧
    回复
    热闹的城、荒芜的心 0
    2018/10/30 10:12:27
    /ty?泡 0
    2018/6/20 13:51:01
    赞JQ币呀
        一介布衣0
        2018/12/10 17:08:42
        分享和回复了为什么没有jq币奖励
        随心而行0
        2019/11/26 18:41:28
        不知道啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复