网页特效有很多,其中鼠标经过的特效就数不胜数,在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。