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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • iTarget目标;首先要初始化变量,初始化设置
    查看全部
    0 采集 收起 来源:JS透明度动画

    2017-04-08

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

    2017-04-08

  • 盒子默认样式:filter:alpha
    查看全部
    0 采集 收起 来源:JS透明度动画

    2017-04-08

  • 参数越少越好,所以去掉一个参数,对另外一个参数进行判断
    查看全部
    0 采集 收起 来源:JS速度动画

    2017-04-08

  • 参数的使用
    查看全部
    1 采集 收起 来源:JS速度动画

    2017-04-08

  • 代码相同的部分需要封装,可以利用两个不同的参数进行区分
    查看全部
    0 采集 收起 来源:JS速度动画

    2017-04-08

  • 棒棒哒
    查看全部
    0 采集 收起 来源:JS速度动画

    2017-04-08

  • 代码截图
    查看全部
    0 采集 收起 来源:JS速度动画

    2017-04-08

  • 。。。
    查看全部
    0 采集 收起 来源:JS链式动画

    2017-04-08

  • 1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性,而style.width是可读写的。 3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。 4.style.width仅能返回以style方式定义的内部样式表的width属性值。 clientWidth是对象看到的宽度(含padding,不含border) offsetWidth是指对象自身的宽度(含padding,含border) scrollWidth是对象实际内容的宽度(含padding,含border,含滚动条) JS中 obj.style.attr 只能获取行内样式 要获取非行内样式要通过obj.currentStyle[attr]或者getComputedStyle(obj,false)[attr]方法获取 可以封装为function getStyle(obj,attr){ if(obj.currentStyle){return obj.currentStyle[attr];}else{returngetComputedStyle(obj,false)[attr]}} obj.offsetWidth 返回值是数值所以不用parseInt();而obj.style.width获取的是像素值 (当给div增加边框值时,且宽度在内联样式里设置,js中obj.offsetWidth返回值中包括有边框,所以会导致js程序中数值的判断有误。当把宽度设置到行内样式时,上述的现象则没有。)
    查看全部
    1 采集 收起 来源:获取样式

    2017-04-06

  • $(function(){ $('#bm a').mouseenter(function(){ $(this).find('i').animate({top:'-35px',opacity:'0'},100,function(){ $(this).css({top:"30px"}); $(this).animate({top:'10px',opacity:'1'}) }) }) })
    查看全部
    0 采集 收起 来源:jQuery动画案例

    2018-03-22

  • 遍历json可以使用for(var i in json){ alert(i); //i为元素名 alert(json[i]);//输出第i元素的值 }
    查看全部
  • 链式运动可以在方法里增加一个回调函数作为参数。
    查看全部
    0 采集 收起 来源:JS链式动画

    2017-04-03

  • parseFloat()方法的精确度不够严格,需要做处理。 处理方法可以使用四舍五入法,Math.round();
    查看全部
  • 所有offset属性的值都会包括边框值和padding,需要用getstyle属性来实现。 obj.currentStyle[attr];//针对IE浏览器 obj.getComputerStyle(obj,false)[attr];//针对FireFox浏览器
    查看全部

举报

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

微信扫码,参与3人拼团

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

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