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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • d1.style["width"]="200px"; //very important
    查看全部
  • <!DOCTYPE html> <html> <head> <title>20160219</title> <style type="text/css"> *{padding: 0;margin: 0;} #d1{ width:100px; height:200px; background:red; } </style> <script type="text/javascript"> window.onload=function(){ var d1=document.getElementById("d1"); alert(d1.style.width);//为什么不能弹出值? } </script> </head> <body> <div id="d1"></div> </body> </html>
    查看全部
  • 分散注意力
    查看全部
  • parseInt(opp.style.width)-1+"px"为什么不行?
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2018-03-22

  • font-size用getStyle函数取属性值是fontSize
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2016-02-19

  • 学技术不能参假,一有不懂立刻解决。不要积累起下次一起解决,久而久之,就会越积越多。每天都要有代码训练,三天不练手生。
    查看全部
    0 采集 收起 来源:JS缓冲动画

    2016-02-19

  • 设置定时器,每隔一段时间改变位置就实现了匀速运动
    查看全部
    0 采集 收起 来源:JS速度动画

    2016-02-19

  • selectedIndex
    查看全部
    0 采集 收起 来源:JS透明度动画

    2016-02-18

  • 要加px,不要忘记了。
    查看全部
    0 采集 收起 来源:JS速度动画

    2016-02-18

  • 看完立刻学习,效果最好。
    查看全部
    0 采集 收起 来源:JS速度动画

    2016-02-18

  • //多个句柄需要添加逗号 //句柄相当于函数,event.addHandler();
    查看全部
  • 实现思路
    查看全部
  • JSON格式: var json = {name1:key1,name2:key2,...} for(var i in json){ alert(i); //遍历name alert(json[i]); //遍历key }
    查看全部
  • // JavaScript Document function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; // if IE }else{ return getComputedStyle(obj,false)[attr]; //if FireFox } } //startMove(obj,{attr1:itarget1,attr2:itarget2},fn) function startMove(obj,json,fn){ clearInterval(obj.time); var flag = true; //标志所有运动是否到达目标值 obj.time=setInterval(function(){ for(var attr in json){ //取值前的值 var icur=0; //判断是否是透明度 if(attr=='opacity'){ icur=Math.round(parseFloat(getStyle(obj,attr))*100); } else{ icur=parseInt(getStyle(obj,attr)); } //动画的速度 var speed=(json[attr]-icur)/8; speed=speed>0?Math.ceil(speed):Math.floor(speed); if(icur!=json[attr]){ flag=false; } if(attr=='opacity'){ obj.style.filter='alpha(opacity:'+(icur+speed)+')';//IE obj.style.opacity=(icur+speed)/100; } else{ obj.style[attr]=icur+speed+'px'; } } if(fn){ fn(); } },30) }
    查看全部
  • $(function(){ $('#move a').mouseenter(function(){ $(this).find('i').animate({top:"200px",opacity:0},300,function(){ $(this).css({top:-200}); $(this).animate({top:"0px",opacity:100},200); }); }); });
    查看全部
    0 采集 收起 来源:jQuery动画案例

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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