qq_27891995-优快云博客

原创一串跟着鼠标移动的div

正确的动态效果<script>function getPos(ev){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;...

2019-03-18 15:27:34 215

转载 document和document.documentElement的区别

例如，下面这个最常见的html文件。foo.html 文档的标题文档的内容......此时的document就指的是这个foo.html文档，而document.documentElement则是。document表示整个文档Object.prototype.toString.call(document)//return “[object HTMLDocu...

2019-03-05 16:05:22 7127

转载 document.compatMode属性

document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document.compatMode等于CSS1Compat时，浏览器客户区宽度是do...

2019-03-04 14:02:05 167

原创 !DOCTYPE HTML

&amp;amp;amp;amp;lt;!-- &amp;amp;amp;amp;lt;!DOCTYPE HTML&amp;amp;amp;amp;gt; --&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt;&

2019-03-04 11:22:56 621

原创 background

background: #00FF00 url(bgimage.gif) no-repeat fixed top;url地址中不能带空格

2019-03-01 17:39:29 150

原创兼容性

document.onclick=function (ev) { //IE //alert(event.clientX+','+event.clientY); //FF //alert(ev.clientX+','+ev.clientY); var oEvent=ev||event; alert(oEvent.clientX+','+oEvent.cli...

2019-03-01 15:49:02 105

原创 group和scenario的区别

group：多个脚本之前按照独立设置模式跑，各个脚本可以单独设置虚拟用户、运行时间等scenario：多个脚本之间按照相同的模式跑，将总的虚拟用户数按照一定的比例分配给各个脚本...

2019-02-21 17:15:00 443

转载 offsetLeft,Left,clientLeft详解

背景最近写了一个滑动条，发现自己的对offsetLeft,Left,clientLeft这几个的概念还不是很清楚，于是决定细细研究下。分类client部分clientHeight:内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度(不含边框，也不包含滚动条等边线，会随窗口的显示大小改变)clientLeft,clientTop: 这两个返回的是元素周围边框的厚度（bo...

2018-12-25 11:38:21 380 1

原创 CSS绝对定位absolute详解

之前介绍过CSS浮动float详解，本篇介绍的绝对定位absolute和浮动float有部分相似性。如果能理解浮动float，对理解绝对定位absolute会大有帮助。先说absolute和float的相似处：包裹性和高度欺骗包裹性所谓一图胜千言（唯一的区别是：下图的div增加了absolute）一旦给元素加上absolute或float就相当于给元素加上了disp...

2018-12-24 17:46:11 635

原创元素定位，absolute，border，子节点margin-top

<!DOCTYPE html><html><head> <title></title></head><body> <!-- https://www.jianshu.com/p/9713e008696d 当父节点有边框时，父节点的margin-top默认为0；当父节点没有边框时，父节点

2018-12-24 17:02:34 255

原创 setInterval与函数作用于

<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> #div1{ background: red; height: 10

2018-12-24 15:43:11 320

原创定时器，setInterval

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;style type="t

2018-12-21 10:09:06 161

原创 css设置背景透明度

<!DOCTYPE html><html><head><meta charset="utf-8"><title>背景透明度</title><style>.demo{ padding: 25px;background-color:#000000; /*filter:alpha(

2018-12-19 17:25:55 1119

qq_27891995的博客