为了账号安全,请及时绑定邮箱和手机立即绑定

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 1、速度的定义: var speed=(目标值-当前值(offset))/参数; 2、取整函数: 向下取整:Math.floor(3.55);//3.55是取整的数值,结果为:3 向上取整:Math.ceil(3.35);//结果为:4 3、速度的取整判断: speed=speed>0?Math.ceil(speed):Math.floor(speed);// 条件操作位 这个表达式的意思是如果speed大于0(关系表达式返回true),则将Math.ceil(speed)向下去整赋值给 speed,反之则将Math.floor(speed)向上去整赋值给 speed
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2018-03-22

  • css定义(filter:alpha(opacity:30))//ie opacity//非ie JS 改变: alpha+=speed IE:style.filter=‘alpha(opactiy:’+alpha+')' 非IE .style.opactiy=alpha/100(火狐或者chrome关于透明度的满值1,IE是100)
    查看全部
    0 采集 收起 来源:JS透明度动画

    2015-12-30

  • IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。 IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小,越透明。
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2015-12-29

  • 2、取整函数: 向下取整:Math.floor(3.55);//3.55是取整的数值,结果为:3 向上取整:Math.ceil(3.35);//结果为:4
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2015-12-29

  • jq的封装函数annimate=function starmove
    查看全部
    0 采集 收起 来源:jQuery动画案例

    2015-12-28

  • 图标滚动效果:先让图标移出视线范围并变透明:top:-25px,opacity:0;然后再让图标定位到指定位子:top:30px;最后移入初始位置并显示图标:top:20px,opacity:100;
    查看全部
    0 采集 收起 来源:JS动画案例

    2015-12-28

  • 链式函数:鼠标移出时是移入时的函数反序写法
    查看全部
    0 采集 收起 来源:JS链式动画

    2015-12-28

  • 链式函数写法:
    查看全部
    0 采集 收起 来源:JS链式动画

    2015-12-28

  • 如果动作A执行后仍想执行另外一个动作B:即调用B所在函数即可(A的函数中加一个函数参数fn)
    查看全部
    0 采集 收起 来源:JS链式动画

    2015-12-28

  • 透明度opacity要进行特殊处理,并且获取值为小数。注意赋值时浏览器的兼容性
    查看全部
  • offsetWidth=style.width+padding+border 所有的offset下的属性值都一样
    查看全部
  • 获取行内样式的函数
    查看全部
    0 采集 收起 来源:获取样式

    2015-12-28

  • 给每个li定义一个定时器
    查看全部
    0 采集 收起 来源:JS多物体动画

    2015-12-28

  • 多物体运动注意:定时器、变量要定义为个体的,而不能公用
    查看全部
    0 采集 收起 来源:JS多物体动画

    2015-12-28

  • function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }
    查看全部

举报

0/150
提交
取消
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!