炫酷文字波动效果

所属分类:其他,UI-动画效果,悬停

 4359  35  查看评论 (8)
炫酷文字波动效果 ie兼容10

更新时间:2017-6-19 15:50:32

更新说明:修改了鼠标事件的Bug


更新时间:2017-6-18 06:28:11

更新说明:

1.  添加一种波动效果,添加了新的算法

2.  增加了持续时间参数 

3.  增加了事件的判定,动画效果更准确

elasticText({
    id: 'otext1', //容器id
    color: 'rgb(255, 87, 34)', //文字颜色,可以用#000 16进制
    fontSize: '18px', // 文字大小
    content: '你说帘外海棠,锦屏鸳鸯;后来庭院春深,咫尺画堂。' // 文本内容
}, {
    id: 'otext2', //如果有多个容器 用,隔开即可 
    color: 'rgb(33, 150, 243)',
    fontSize: 22,
    content: '你说笛声如诉,费尽思量;后来茶烟尚绿,人影茫茫。'
});

比较仓促,可能会有BUG。

相关插件-动画效果,悬停

贴片效果插件Sticker.js

Sticker.js 一个JavaScript库,它帮助您创建一个贴片效果.
  动画效果
 9354  4

单元素实现的 CSS 加载进度提示效果

单元素实现的 CSS 加载进度提示效果
  动画效果
 13569  79

jQuery雪花飘落

jQuery雪花飘落(pc端及移动端均兼容)
  动画效果
 9159  107

酷炫的幻灯片文字动画插件anime.js

18款anime.js酷炫的幻灯片文字动画特效
  动画效果
 2819  27

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    迁风丶 0
    2017/9/27 11:22:38
    飘逸影 0
    2017/8/3 14:21:47
    ma ji ya ba ku lie ,有点爽 回复
    A至全科技-美多优捷-赞郡 0
    2017/7/21 16:07:21
    停格 0
    2017/6/30 9:22:35
    话不投机半句多 0
    2017/6/19 17:45:04

    第一个把鼠标悬浮在最后一个字往上或往下,会出现卡住不动。报个BUG

        Supreme0
        2017/6/19 20:40:35
        审核中 还没通过
    回复
    给你深爱? 0
    2017/6/17 17:09:09

    你这么抖,我都看不清了。

    回复
    、м゛尐懒瀦 0
    2017/6/16 8:38:37
取消回复