定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 这三种定位,每一种都暗藏玄机,所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: to ...
分类:
其他好文 时间:
2018-05-15 13:22:49
阅读次数:
165
1.元素定位 ID定位元素: findElement(By.id(“”)); 通过元素的名称定位元素: findElement(By.name(“”)); 通过元素的html中的位置定位元素: findElement(By.xpath(“”)); 通过元素的标签名称定位元素: findElement ...
分类:
编程语言 时间:
2018-02-06 14:19:06
阅读次数:
286
相对定位(position:relative;相对原始位置) 定位元素位置控制:left | right | top | bottom 特点: a、不影响元素本身的特性; b、不使元素脱离文档流(元素移动之后原始位置会被保留); c、如果没有定位偏移量,对元素本身没有任何影响; d、提升层级 绝对定 ...
分类:
其他好文 时间:
2018-01-22 14:47:14
阅读次数:
153
今天在写一个工具软件,使用到一个系统API: mouse_event() 代码如下: mouse_event(MOUSEEVENTF_ABSOLUTE | MOUSEEVENTF_MOVE, x2, y2, 0, 0); //移动到指定位置 可是我发现一个问题,当软件窗口处于激活状态的时候,mous ...
1.为了居中显示,考虑到div不好设置,用table做边框 缩放原理:调整图片宽高、定位left、top; 平移:鼠标事件位置、定位left、top。 目前贴出实现代码,具体研究内容再做补充 下面是源码 ...
分类:
其他好文 时间:
2017-12-20 13:49:52
阅读次数:
141
1.字符串的的拼接 function createTable (rows,cols){ var html = "<table>"; for(var i = 0;i<rows;i++){ html+="<tr>"; for(var j = 0;j<cols;j++){ html+="<td style ...
分类:
其他好文 时间:
2017-11-02 17:01:40
阅读次数:
110
拖拽是一个非常实用的页面效果 1.拖拽的一些应用场景: 1.1. 浏览器标签顺序的切换 1.2. 页面上小组件的拖拽 1.3. 弹出层的拖拽 2 .基本原理 2.1 拖拽的基本原理是: 鼠标在元素上按下的时候,获取鼠标在页面上的位置,计算鼠标相对元素的定位:disX,disY; 鼠标移动的时候,元素 ...
分类:
Web程序 时间:
2017-10-29 21:54:06
阅读次数:
243
效果: 1、 鼠标放上去会有半透明遮罩、右边会有大图片局部图 2、 鼠标移动时右边的大图片也会局部移动 放大镜的关键原理: 鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的相应位置; 放大镜的移动方向和大图片的移动方向:横向和纵向都是相反,才可以保证同步; 页面元素: 技术点:事件捕 ...
分类:
Web程序 时间:
2017-10-18 15:27:30
阅读次数:
189
1.位置定位 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 生成相对定位的元素,相对于其正常位置进行定位。 因此,"left:20" 会向元素的 LEFT 位置添加 2 ...
分类:
其他好文 时间:
2017-09-26 19:38:10
阅读次数:
121