文字漂浮效果

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

 13414  110  查看评论 (15)
文字漂浮效果 ie兼容10

更新时间:2017/1/20 上午9:56:08

更新说明:

1.调整代码顺序

2.元素层级关系

3.修改错误的引用

更新时间:2017/1/19 下午4:13:22

更新说明:

1.修改浏览器窗口缩放时,反弹位置的判断。

2.使用注意:不要给元素任何定位,否则反弹位置判断失效。

3.把装主要文字的元素,(例如p)在最后定义,否则反弹位置判断失效。也可以在外部通过 

window.onresize = function(){ 
    object1.resetpos(); 
    object2.resetpos() 
}

调用的方法解决。

使用方法:

1. 获取元素

2. 初始化  Dom.render.run();

3. 绑定结束时间 并调用结束方法   Dom.render.killer();

4. 其他参数  ele-range属性,添加表示元素内文字一元素为边界,不添加以窗口为边界


相关插件-动画效果
  动画效果
 23735  195

love

程序员之间的故事
  动画效果
 15172  252

cs3旋转动画实现地球周转

css33d效果旋转变形
  动画效果
 9008  65

蝴蝶3D效果

HTML5制作逼真蝴蝶天空飞舞动画特效
  动画效果
 17689  343

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

    卑天抿人 0
    2018/1/13 10:52:00

    可以可以,顶一个

    回复
    时光时光 0
    2017/10/15 16:18:00
    梦之旅殇 0
    2017/9/22 15:19:12
    风逝 0
    2017/9/19 9:27:15
    丿泡泡丶丨俱乐部 0
    2017/6/21 14:21:56

    看起来蛮好玩的

    回复
    BULL Y 0
    2017/4/24 10:00:02

    好厉害!! 可以拿去表白了!!!

    回复
    ?? 清〈 0
    2017/4/1 10:18:09
    zjsdn 0
    2017/3/24 16:31:14

    就想问问反弹角度是怎么计算的

    回复
    lemypyl 0
    2017/3/7 9:46:37

    感觉可以做一个好玩的效果 哈哈

    回复
    527658433 0
    2017/2/10 16:50:08
取消回复