摘要：
深入理解css中position属性及z-index属性 在网页设计中，position属性的使用是非常重要的。有时如果不能认识清楚这个属性，将会给我们带来很多意想不到的困难。 position属性共有四种不同的定位方法，分别是static、fixed、relative、absolute,stick 阅读全文
摘要：
HTML代码部分： <div id="clockdiv"> <div> <span class="days"></span> <div class="smalltext">天</div> </div> <div> <span class="hours"></span> <div class="sma 阅读全文
摘要：
在web网站开发中，有时候我们给html元素设置的margin-top或margin-bottom属性，但是无效，并没有取到任何作用,这是什么原因呢?常出现两种情况： 1、兄弟元素之间margin-top失效 先看下面代码： <div> <div class="box1"> float: left 阅读全文
摘要：
var在ECMAScript的所有版本中都可以使用，而const和let只能在ES6及更晚的版本中使用。 var，let，const三个关键字的区别 var： 1）声明作用域：在函数内部，使用var定义一个变量（局部变量），在函数被调用完之后，该变量会被立即销毁。在定义变量时如果省略var,就会创建 阅读全文
摘要：
4种方法教你如何截取JS字符串最后一位 方法一：运用String对象下的charAt方法 charAt() 方法可返回指定位置的字符。 str.charAt(str.length – 1) 请注意，JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串 阅读全文
摘要：
在编程中，总会遇到各种各样的获取时间的要求，下面我们来看一下获取不同时间格式的方法有哪些？如果不记得的话建议收藏哦！ 1、获取当前的日期和时间 方法：new Date() console.log(new Date())//Wed Nov 04 2020 18:20:49 GMT+0800 (中国标准 阅读全文
摘要：
弹出框，我们也称为模态框。 1.点击弹出层，会弹出模态框， 并且显示灰色半透明的遮挡层。 2.点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。 3.鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。 4.鼠标松开，可以停止拖动模态框移动 案例分析: 点击弹出层， 模态框和遮挡 阅读全文
摘要：
我们在盒子内点击，想要得到鼠标距离盒子左右的距离。 首先得到鼠标在页面中的坐标（e.pageX, e.pageY） 其次得到盒子在页面中的距离 ( box.offsetLeft, box.offsetTop) 用鼠标距离页面的坐标减去盒子在页面中的距离，得到 鼠标在盒子内的坐标 如果想要移动一下鼠标 阅读全文
摘要：
offset offset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 offsetWidth 包含padding+border+width offsetWidth 等属性是只读属性，只能获取不能赋值 所以，我们想要获取元素大小位置，用offset更合适 style st 阅读全文
摘要：
offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文