网页特效有很多，其中鼠标经过的特效就数不胜数，在dreamweaver cs6中也可以做出多种鼠标经过的特效。今天小编就将为大家带来dw鼠标滑过显示隐藏层的方法步骤。快拿起本本记笔记吧！
一、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。
