JS之鼠标移上显示,鼠标移开隐藏
2017-02-08 09:06
246 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鼠标移上显示,鼠标移开隐藏</title> <script language="javascript"> function mshow(obj) { document.getElementById("sub"+obj.id).style.visibility="visible"; } function mhidden(obj) { document.getElementById("sub"+obj.id).style.visibility="hidden"; } </script> </head> <body> <div id="menu1" onmouseover="mshow(this);" onmouseout="mhidden(this);"> administrators </div> <div id="submenu1" style="visibility:hidden; z-index:100";onmouseover="this.style.visibility='visible'"> <p>111</p> <p>222</p> <p>333</p> </div> </body> </html>
相关文章推荐
- jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
- jquery鼠标滑过显示DIV,鼠标移开隐藏DIV
- jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
- js实现的鼠标放上和移开显示不同图片和文字,样式比较好看
- js 鼠标经过显示隐藏效果实例
- js鼠标滑动图片显示隐藏效果
- WPF自动隐藏的消息框(鼠标放上去将一直显示,移开动画继续),提供normal和error两种边框。
- 鼠标移上去显示一个下拉,移开下拉隐藏
- js鼠标触发显示隐藏对应层
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- 鼠标称到第一个DIV上,显示第二个DIV的内容,鼠标移开第二个DIV,第二个DIV内容隐藏
- css实现 : 鼠标移动上去显示div,移开隐藏div
- angular 鼠标移入移开元素显示或隐藏
- headroom.js 用例,漂亮完善的 鼠标滚动 --->导航栏隐藏显示效果
- JS------鼠标hover动作,显示与隐藏的切换
- js动态创建div层,鼠标悬停显示隐藏div(无闪烁+小三角)
- css效果,在一个盒子里,把一部分内容隐藏掉,在鼠标悬停到div时,就会把隐藏的部分向上显示出来。 不用js操作,纯css就可以。
- js--鼠标移入移出小图片,显示隐藏大图片
- div Js隐藏显示
- 这样控制DataGrid的单元格内内容自动隐藏,鼠标移上时显示全部