php网页我有一个菜单栏,怎么实现鼠标点上去出来,鼠标拿开就收回去。这样的代码!
答案:3 悬赏:80 手机版
解决时间 2021-01-23 15:48
- 提问者网友:我是女神我骄傲
- 2021-01-23 04:55
php网页我有一个菜单栏,怎么实现鼠标点上去出来,鼠标拿开就收回去。这样的代码!
最佳答案
- 五星知识达人网友:刀戟声无边
- 2021-01-23 05:30
可以简单用JS实现 鼠标放上去就弹出的样式。
在需要点击的标签中使用onmouseover,如:
<div class="menu" onmouseover="dismenu();">点击显示菜单</div>
<div class="submenu" id="submenu" style="display:none">这里面放 鼠标放上去之后要显示的菜单</div>
<script type="text/javascript">
function dismenu()
{
document.getElementById('submenu').style.display="block";
}
</script>
如果需要鼠标移开则不显示菜单,可以用 onmouseout 实现菜单标签的隐藏。
在需要点击的标签中使用onmouseover,如:
<div class="menu" onmouseover="dismenu();">点击显示菜单</div>
<div class="submenu" id="submenu" style="display:none">这里面放 鼠标放上去之后要显示的菜单</div>
<script type="text/javascript">
function dismenu()
{
document.getElementById('submenu').style.display="block";
}
</script>
如果需要鼠标移开则不显示菜单,可以用 onmouseout 实现菜单标签的隐藏。
全部回答
- 1楼网友:琴狂剑也妄
- 2021-01-23 06:18
JS做的
用鼠标移入和移出事件
- 2楼网友:你哪知我潦倒为你
- 2021-01-23 06:11
需要使用jquery:
<script type="text/javascript">
$("#hover").hover(function(){
$("#panel").slideDown();
},
function(){
$("#panel").slideUp();
});
</script>
<div id="panel" style="display:none;width:60%;margin:50px auto;border:solid 1px #666;">
<p>隐藏的内容</p>
<p>隐藏的内容</p>
</div>
<p id="hover">鼠标移到此处显示</p>
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯