美文网首页
代码成长史2

代码成长史2

作者: 唐老鸭吃萝卜 | 来源:发表于2017-09-13 09:01 被阅读0次

    动画效果:               

    1.动画效果       

    2.结束的状态       

    3.变化的过程加入敌车:

    思路:

    1.添加1个盒子2.给盒子定位3.盒子动起来(/让JS程序来创建敌人/var定义一个空间/pkcar 是空间名字/$() 是工具提供的功能/"

    <>/div>" 代表创建1个div盒子,var pkcar = $("

    ")Math.random()产生0~1之间的小数  5*Math.random() 产生随即数0~5  parseInt 用于舍弃小数部分  parseInt(5* Math.random())  pkcar.css({        "left": 60%    });( $(""))

    工具名:JQuery      .addClass(代表添加样式)    采用css中动画,存在1个问题:        不好重复执行,欣慰不知道什么时候终止动画,虽然我设置了时间 ,    但计算机时间不一定准4lpo[0[16超出部分隐藏:            overflow: hiddenfunction 是系统的关键字,代表定义1个功能

    a 是功能名字

    ()格式

    {}用于包装我们的代码的,说明

    function a(){

    console.log(“啊拉”);

    使用功能

    ()格式来记

    a();

    目标位置:

    左边距离

    外边距的距离

    底部的距离

    。。。

    左边: 100像素

    {“left”:“100px”}

    元素.animate(目标位置,动画时间,动画类型,完成的功能)

    相关文章

      网友评论

          本文标题:代码成长史2

          本文链接:https://www.haomeiwen.com/subject/mdhksxtx.html