现在的位置: 首页 > 综合 > 正文

javascript:浮动div,可拖拽div,遮罩层(div和iframe实现)

2012年09月25日 ⁄ 综合 ⁄ 共 8264字 ⁄ 字号 评论关闭

在网页中,经常需要标题里提到的几种效果,实现比较简单,这里总结一下(IE测试通过),以备日后再用。
预备知识:网页中的高和宽

Code

另外,网页中的元素常见定位需要用到的概念一并总结一下:

Code

来看一下笔者写的关于定位和关于宽和高的js函数:

Code

PS:关于dom的一些高和宽,下面这张图有助于我们理解的更清楚:

好了,您猜我一定又会说,“Code is cheap.",没错,看代码先:
一: 浮动div的实现

Code

Float.aspx文件:

Code

二: 可拖动div的实现

Code

抱歉!评论已关闭.