用js写个鼠标滑过显示按钮，鼠标移走按钮消失，怎么写呢？还望指教_IT百科

把以下语句加到代码里试一试加到<body>念核与</body>之物高改间

首先随便找一个地方新建一个div 并且隐藏。例如

</div>漏颤好

然后在链接那返铅边写个onmouseover 属性加个触发方法如showDiv()具体方法如下

function showDiv(e){

$("#showTip").html("这里可以写一些html的内容，如图片文字")

$("#showTip").css("top",e.clientY)//这里可以根据情况适当调整

$("#showTip").css("left",e.clientX)

$("#showTip").show()

}

还要在链接那边加上 onmouseout属性触洞碰发方法如下:

function hideDiv(){

$("#showTip").hide()

}

以上需要引入jquery支持

鼠标滑过哪显李蠢示啥？

滑过产品介绍显厅晌示下面的子菜单？

onmouseover是鼠标移动到某元素执行的鼠标事件。

onmousemove是鼠标在某元素上移动执行的事件。

你先把这两个分清楚了，根据你的需求是

先获取你要鼠标滑过的元素也就是产品介绍这个a元素,你给其设置一个id假如设置其为product

那么先获取他

var product=document.getElementById('product')

再获取你要显示的子菜单元素productInfo

var productInfo=document.getElementById('productInfo')

productInfo.style.display='none'//设置其隐藏，如果CSS里已经隐藏，此步可以省略。

然后设置其鼠标事件，应该选择onmouseover

product.onmouseover=function(){

productInfo.style.display='block'//鼠标移动到product元素上让其子菜单哪伏陪显示。

}

product.onmouseout=function(){

productInfo.style.display='block'//鼠标移出product元素上让其子菜单隐藏。

}

如果你要让每个子菜单都读取他的子菜单可以循环遍历实现。思路相同。

欢迎分享，转载请注明来源：内存溢出

用js写个鼠标滑过显示按钮，鼠标移走按钮消失，怎么写呢？还望指教