码迷,mamicode.com
首页 >  
搜索关键字:absolute    ( 3571个结果
JS-拖拽(基本原理实现)
主要要点: 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
jQuery 动画效果,关键词 animate
开始动画默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
分类:Web程序   时间:2015-05-21 22:01:19    阅读次数:162
CSS+JS 弹出窗口
需要引入样式.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
CSS+JS 弹出窗口
需要引入样式.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
CSS+JS 弹出窗口
需要引入样式.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
jQuery 动画效果,关键词 animate
开始动画默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
分类:Web程序   时间:2015-05-21 19:21:41    阅读次数:129
[转]深入理解css中的position定位和z-index属性
由于平时不太用到,所以过去写css的时候对于position属性的absolute、 relative值理解比较模糊,对于z-index的层叠更是摸不着头脑,除了理解的因素外,各个浏览器的不同解析结果也是一个大问题。今天仔细阅读了一下css文档,总算是对盒模型的浮动、定位有了比较深刻的理解。我们在实...
分类:Web程序   时间:2015-05-21 19:03:54    阅读次数:110
JS图片加载失败显示默认图片
代码如下:' 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)
仿照百度文库做的登陆总结:1:CSS sprites(精灵图标的使用) 注意项, a. 图标的定位具体步骤,首先具体定位CSS sprices图标在大图片中你需要显示在web页面上的具体小图标的background-position 位置,接着采用绝对定位postion:absolute;具体显.....
分类:其他好文   时间:2015-05-21 16:49:52    阅读次数:98
js 类似百度、google搜索 jsp版本
jsp页面                       ${app:i18n('kbslucene.search_setting')}       ${app:i18n('kbslucene.feeback')} css样式 .lockDiv  {      position:absolute; ...
分类:Web程序   时间:2015-05-20 14:47:40    阅读次数:155
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!