正在阅读：dreamweaver cs6鼠标经过如何显示隐藏层？dreamweaver cs6鼠标经过如何显示隐藏层？

　　网页特效有很多，其中鼠标经过的特效就数不胜数，在dreamweaver cs6中也可以做出多种鼠标经过的特效，上一篇就为大家讲解了 DreamWeaver cs6鼠标经过文字变色的实现方法 ，这里就将为大家带来dw鼠标滑过显示隐藏div层的方法步骤。

　　一、dw鼠标经过显示隐藏层：图层的显示

　　1. 在你所要点击的按钮图片上,先加上链接(空缺为"#")

　　2. 选中当前的按钮图片,打开dw中的behaviors面板.用鼠标点击加号"+"

　　在弹出的菜单栏中选择show-hide layers.

　　3. 在show-hide layers的对话框中,点击你要显示的层(如:layer1), 再点击show按钮,然后确定.

　　4. 为了做到鼠标移动到按钮上面时才显示layer1层,所以在behaiors面板中,还要选中由第三步完成后的behavior效果并点击中间的向下箭头,在弹出的菜单中选择on mouseover即可,这样 当鼠标移动到按钮之上,layer1就会显示了.

　　5. 但是,很重要的事,你必须事先在layers面板中将layer1隐藏,此时会在layer1前出现一个闭眼的符号状态.

　　二：dw鼠标离开隐藏层：图层的隐藏

　　1. 选中当前的按钮图片,打开dw中的behaviors面板.用鼠标点击加号"+"

　　在弹出的菜单栏中选择show-hide layers.

　　2. 在show-hide layers的对话框中,点击你要隐藏的层(如:layer1), 再点击hide按钮,然后确定.

　　3. 为了做到鼠标离开按钮时才隐藏layer1层,所以在behaiors面板中,还要选中由上一步完成的behavior效果并点击中间的向下箭头,在弹出的菜单中选择on mouseout即可,这样 当鼠标离开按钮时,layer1就隐藏了.

　　4. 再次提醒的事,你必须事先在layers面板中将layer1隐藏.

　　这样，就可以做到当鼠标移动到按钮上，就显示layer1层;鼠标离开按钮，layer1就隐藏了

　　DW制作的隐藏层点不上去怎么办：

　　DW制作的隐藏层点不上去是因为没有对层进行控制，可以采用下面的方法解决：

　　步骤一：控制层的显示

　　var divNode = document.getElementById("层的名字"); // 获取层

　　divNode.style.display = "block";

　　步骤二：控制层的隐藏

　　var divNode = document.getElementById("层的名字"); // 获取层

　　divNode.style.display = "none";

　　在下面的层中用事件onmouseover 控制显示方法，用onmouseout 控制隐藏方法

　　总结：以上就是全部的在dreamweaver cs6中鼠标经过时显示隐藏div层的方法步骤，这个方法不仅仅适用于dreamweaver cs6，同样适用于其他版本的dreamweaver。