这种js怎么做?

来源:百度知道 编辑:UC知道 时间:2024/05/22 13:27:19
就是在网页中间指定位置显示一个悬浮的div层...这个层上点一个按钮可以让这个div消失
就好像好多网站的登录框 或者发帖框那样
两种方法是啥

动态创建.删除DIV

显示,隐藏DIV

两种方法!

//////////////////////////////////////////////////

第二种方法就很简单了,下面是第一种方法,我只写了一个框架,里面的内容可以自己修改!

function floatDiv(id){
id = id || "myDiv"; //这窗口指定一个ID如何不指定则默认为myDiv
floatWindow = document.createElement("div");//利用DOM动态创建一个DIV
floatWindow.setAttribute('id',id);
//定位DIV
floatWindow.style.position = 'absolute';
floatWindow.style.top='100px';
floatWindow.style.left='200px';
//DIV样式
floatWindow.style.width = '200px';
floatWindow.style.height = '200px';
floatWindow.style.padding= '0';
floatWindow.style.margin= '0';
floatWindow.style.border= '1px solid black';
floatWindow.style.backgroundColor= 'white';

//动态创建一个按钮用于便关闭DIV
closeButton = document.createElement(&q