js 鼠标移入div，右边显示子div，当鼠标移除时子div消失，但是当鼠标移到子div上，子div不消失_框架

<!DOCTYPE HTML>

<html>

<head>

<meta >

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml的<script>标签中，再输入js代码：documentbodyremoveChild(documentgetElementById("a"));。

3、浏览器运行indexhtml页面，会发现内容为123的div被移除了。

documentcreateElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。

其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

1、添加DIV

function addDiv(w,h){

//如果原来有“divCell”这个图层，先删除这个图层

deleteDiv();

//创建一个div

var newdiv = documentcreateElement("divCell");

//添加到页面

documentbodyappendChild(newdiv);

//通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看

newdivstyleposition="absolute";

//通过样式指定x坐标(随机数0~450)

newdivstyletop= Mathround(Mathrandom()450);

//通过样式指定y坐标(随机数0~700)

newdivstyleleft= Mathround(Mathrandom()700);

//通过样式指定宽度

newdivstylewidth=w;

//通过样式指定高度

newdivstyleheight=h;

//通过样式指定背景颜色,,若是背景例为 newdivstylebackgroundImage="url(img/3jpg)"

newdivstylebackgroundColor="#ffffcc";

//添加div的内容

//newdivinnerHTML=i++;

//设置样式透明

newdivstylefilter = "alpha(opacity=50)";

//设置ID

newdivid = "divCell";

}

2、删除DIV

function deleteDiv()

{

var my = documentgetElementById("divCell");

if (my != null)

myparentNoderemoveChild(my);

}

以上就是关于js 鼠标移入div，右边显示子div，当鼠标移除时子div消失，但是当鼠标移到子div上，子div不消失全部的内容，包括:js 鼠标移入div，右边显示子div，当鼠标移除时子div消失，但是当鼠标移到子div上，子div不消失、Js如何设置某DIV不显示、JS如何添加删除div等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9565122.html

js 鼠标移入div，右边显示子div，当鼠标移除时子div消失，但是当鼠标移到子div上，子div不消失

发表评论

评论列表（0条）