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

javascript文章/教程1年前 (2023)发布勤奋小助

0 0

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

javascript:浮动div，可拖拽div,遮罩层(div和iframe实现)
好了，您猜我一定又会说，“Code is cheap.”,没错，看代码先：
一：浮动div的实现

initialFloatDiv;
Float.aspx文件：

二：可拖动div的实现
;
    }
}
上面的js怎么用呢？看到down函数的方式你就会猜到一些端倪，好了，看html文件吧：
>
对比浮动div的style，你看到相同点了吗？没错，就是position的那些事儿…
三、遮罩层(div和iframe实现)
下面两个js（myLightBoxDiv.js和myLightBoxFrame.js）介绍遮罩层的不同实现思路，本来可以整合在一起，为了条例清晰把它们分成两个js文件，它们的效果其实是一样的。
（1）div的实现方式
;
        }
    }
}
上面的js里让遮罩层over2设置为浮动，下面的html可以让你测试滚动情况下的可以拖动的遮罩效果。

(2)IFrame实现方式
同上，复制下面代码试试看效果吧：
;
        }
    }
}
html代码：

注意上面的html代码里包含两个html文件，主文件是jsTest.html,iframe的src引用的是myJsTest.html文件.总结介绍结束了。^_^原文链接：https://www.cnblogs.com/stray521/archive/2009/10/30/1593190.html
本文来源爱码网，其版权均为原网址所有与本站无关，文章内容系作者个人观点，不代表本站对观点赞同或支持。如需转载，请注明文章来源。