炫酷文字波动效果

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

 4954  38  查看评论 (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。

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

基于jQuery实现的数字滚动插件(原创)

实现过程简单,支持设置总时长、总数以及运动的形式,本插件基于jQuery的animate方法,简单易懂,方便使用
  动画效果
 1868  18

jQuery超酷文字淡入淡出显示特效

文字淡入淡出显示特效
  动画效果
 2654  19

html5 canvas粒子星空

html5 canvas鼠标跟随粒子星空动画
  动画效果
 9562  123

纯CSS3实现打火机火焰动画

这又是一款很酷的纯CSS3动画特效,它是一个可以点燃的打火机,当你用鼠标滑过这只打火机时,打火机就会打开,然后开始出现火焰燃烧的动画特效。另外要说明的是,整个动画都是利用纯CSS3实现的
  动画效果
 11649  30

讨论这个项目(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
取消回复