主要要点:
1.拖拽3大事件onmousedown,onmousemove,onmouseup
2. 要拖动的物体需要设置成position:absolute,这样在拖拽时改变left和top值才有效
3. onmousemove和up事件应该加在document上
4. 鼠标抬起的时候,清除onmousemove和up事件
需要清楚上面途中一些变量的意思
完整测试代码:...
分类:
Web程序 时间:
2015-05-22 11:35:39
阅读次数:
260
开始动画默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
分类:
Web程序 时间:
2015-05-21 22:01:19
阅读次数:
162
需要引入样式.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}.white_content{display:none;position:absolute;top:25%;left:35%;width:3..
分类:
Web程序 时间:
2015-05-21 19:55:25
阅读次数:
188
需要引入样式.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}.white_content{display:none;position:absolute;top:25%;left:35%;width:3..
分类:
Web程序 时间:
2015-05-21 19:55:04
阅读次数:
151
需要引入样式.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}.white_content{display:none;position:absolute;top:25%;left:35%;width:3..
分类:
Web程序 时间:
2015-05-21 19:53:26
阅读次数:
193
开始动画默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
分类:
Web程序 时间:
2015-05-21 19:21:41
阅读次数:
129
由于平时不太用到,所以过去写css的时候对于position属性的absolute、 relative值理解比较模糊,对于z-index的层叠更是摸不着头脑,除了理解的因素外,各个浏览器的不同解析结果也是一个大问题。今天仔细阅读了一下css文档,总算是对盒模型的浮动、定位有了比较深刻的理解。我们在实...
分类:
Web程序 时间:
2015-05-21 19:03:54
阅读次数:
110
代码如下:' style="position: absolute; display: none;">.jpg' onerror="document.getElementById('view').src='images/photox.PNG';this.src='http://net1.sinyi.c...
分类:
Web程序 时间:
2015-05-21 17:15:17
阅读次数:
183
仿照百度文库做的登陆总结:1:CSS sprites(精灵图标的使用) 注意项, a. 图标的定位具体步骤,首先具体定位CSS sprices图标在大图片中你需要显示在web页面上的具体小图标的background-position 位置,接着采用绝对定位postion:absolute;具体显.....
分类:
其他好文 时间:
2015-05-21 16:49:52
阅读次数:
98
jsp页面
${app:i18n('kbslucene.search_setting')}
${app:i18n('kbslucene.feeback')}
css样式
.lockDiv
{
position:absolute; ...
分类:
Web程序 时间:
2015-05-20 14:47:40
阅读次数:
155