鼠标滑过div让另外一个div从隐藏变为显示

第一个divid=“mysteve”第二个divid=“add”现在鼠标滑过mysteve我用css写的是#mysteve:hover{...}改变了mysteve的一些... 第一个div id=“mysteve”
第二个div id=“add”
现在鼠标滑过mysteve我用css写的是#mysteve:hover {...} 改变了mysteve的一些属性,但是这样没法让add显示。
如果用javascript来写的话该怎么办呢?谢谢各位大神了!
展开
 我来答
很多游戏
高粉答主

2019-09-25 · 游戏精通者,攻略技能点满
很多游戏
采纳数:91 获赞数:386970

向TA提问 私信TA
展开全部

1、给鼠标经过的DIV添加一个类 ,类名为submeau;如下图:

2、给显示或者隐藏的DIV,添加一个ID,ID名为:id="oa_submeau",如下图:

3、将以下的JQUERY代码放在整个网页的最底部,用于控制鼠标经过显示DIV,离开隐藏DIV。

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript">

$("#oa_submeau").hide();

$(".submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

// 鼠标移动到list的div上的时候list div不会被隐藏

$("#oa_submeau").hover(function () {

$("#oa_submeau").show();

}, function () {

$("#oa_submeau").hide();

})

</script>,这样就可以实现鼠标经过某个区域时显示隐藏的DIV,离开时再次隐藏DIV。

澤希Dc
推荐于2017-10-11 · TA获得超过1747个赞
知道小有建树答主
回答量:509
采纳率:0%
帮助的人:254万
展开全部

如下代码可以实现 :

<style>
#mysteve {width:200px; height:30px; border:1px solid red;}
#add {width:200px; height:30px; border:1px solid blue; display:none;}
</style>
<div id="mysteve">mysteve</div>
<div id="add">add</div>
<script>
window.onload = function(){
var ms = document.getElementById("mysteve");
var add = document.getElementById("add");
ms.onmouseover = function(){
add.style.display = "block";
};
ms.onmouseout = function(){
add.style.display = "none";
};
};
</script>
追问
我想另外写到一个单独的js文档里 怎么写? 谢谢大神了
追答

见附件。

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式