美文网首页
代码成长史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

    动画效果: 1.动画效果 2.结束的状态 3.变化的过程加入敌车: 思路: 1.添加1个...

  • 代码成长史3

    画布 // document 代表整个页面 // . 的 的意思 // getElementById 代表通过id...

  • 代码成长史1

    一.car game中接触到了新的词汇样式: 1.设置采用绝对定位: position:absolute(绝对定位...

  • 代码成长史4

    制作照片墙(一些定论) html => 结构 可供于浏览器先编译再读取的一门语言 标签 梁css = > 样式 可...

  • 想法+行动+坚持=成功

    一个人的阅读史,就是他的精神成长史! ---题记 2...

  • 胖妞成长史2

    在那个高手如云的班每天过得叫郁郁不得志。在别人眼里也应该是可有可无的。但不知什么时候在我抽屉里却发现了一封情书。信...

  • 代码成长史5(视频弹幕设置)

    视频弹幕制作 body{background:#ccc; height:2000px;} *{margin:0; ...

  • 220:《给教师的阅读建议》读书笔记三

    优秀教师是读出来的 我的成长史就是完善知识结构的阅读史; 我的成长史就是笔耕不辍的写作史; 我的成长史就是课堂实践...

  • 代码之外周刊第 1 期 - 20190707

    Google Maps的故事 很精彩的产品成长史 在阿里写了8年代码后,我才明白这些道理 揭秘阿里程序员的思维方式...

  • 代码2

网友评论

      本文标题:代码成长史2

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