【学习blus老师js(6)--js运动基础】的更多相关文章

学习blus老师js(6)--js运动基础

运动基础 一.匀速运动 运动框架 在开始运动时,关闭已有定时器 把运动和停止隔开(if/else) <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 {width:200px; height:200px; background:red; position:absolute; to…

学习blus老师js(3)--定时器的使用

1.无缝滚动——基础 物体运动基础 让Div移动起来 offsetLeft的作用 用定时器让物体连续移动   offsetLeft: 获取物体的左边距:最大的优点在于可以综合考虑所有影响这个物体位置的因素之后,得出来一个最终的结论. 如果仅仅取left,margin就考虑不到:   offsetLeft/offsetTop : offsetTop获取物体的上边距 offsetWidth/offsetHeight : 获取物体的宽度以及高度: <!DOCTYPE HTML> <html&g…

学习blus老师js(1)--基础

1.网页换肤: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link id="l1" rel="stylesheet" type="text/css" href="css1.css" /> <script>…

学习blus老师js(5)--DOM操作应用高级

一.表格应用 - 1 获取 tBodies.tHead.tFoot.rows.cells 一个表格可以有很多tbody,所以tBodies是数组: 一个表格只能有一个thead和tfoot,所以tHead和tFoot是一个元素: 表格有自己独有的简便操作:因为js诞生的时候,那会全是表格:所以给表格提供了一些便捷的操作. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <ti…

学习blus老师js(2)--深入JavaScript

1.函数传参 可变参(不定参):arguments 参数的个数可变,参数数组   例1.求和 求所有参数的和 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> function sum() { //alert(arguments.length); //alert(arguments[0])…

学习blus老师js(4)--DOM

一.DOM节点 1.获取子节点: childNodes  nodeType         节点类型 children            只包括元素,不包括文本:  子节点只算第一层.只算孩子一级. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> window.onload=func…

第八节 JS运动基础

运动基础 让Div运动起来 速度——物体运动的快慢 运动中的Bug 不会停止 速度取某些值会无法停止 到达位置后再点击还会运动 重复点击速度加快 匀速运动(速度不变) 运动框架及应用: 运动框架: 在开始运动时,关闭已有定时器 把运动和停止隔开(if/else) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS运…

js运动基础2（运动的封装）

简单运动的封装 先从最简单的封装开始,慢慢的使其更丰富,更实用. 还是上一篇博文的代码,在此不作细说. 需求:点击按钮,让元素匀速运动. <!DOCTYPE html> <html lang="zh"> <head> <title></title> <style> #d1 { width: 100px; height: 100px; background-color: red; position: absolute…

JS运动---运动基础（匀速运动）

[一]运动基础 (2)基础运动案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <style type="text/css"> .parent{ width: 600px; height: 300px; border: 1px solid; margin: 10px auto; po…

jquery与js的区别与基础操作

一．什么是 jQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript.CSS.DOM和Ajax于一体的强大功能.它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐. JQuery的优点:小巧.方便.功能强大.插件丰富.开源.免费. 二.Jquery的功能和优势 jQuery 作为 Ja…