Javascript 在mouseover上更改onclick=“showMore（）”

如何将onclick=showMore更改为悬停

我需要在不单击的情况下显示它。

您可以使用onmouseover而不是onclick

像这样

<script type="text/javascript">//<![CDATA[ 

var button = document.getElementById("button");
var d3 = document.getElementById("d3");
function showMore() {
    button.style.display="none";
    d3.style.display="block";
}

function showLess() {
    button.style.display="inline-block";
    d3.style.display="none";
}
//]]>  

</script>

<input id="button" type="button" value="Expand" onmouseover="showMore()">

<div id="d3">
<div class="button12" onclick="document.location='#'">Home</div>
<div class="button12" onclick="document.location='#'">About</div>
<div id="d1">
    <input type="button" value="Shrink" onclick="showLess()">
</div>

#btn2:hover
{
//your design here
}

---

像这样使用css样式

<input id="button" type="button" value="Expand" onmouseover="showMore()">

<div id="d3">
<div class="button12" onclick="document.location='#'">Home</div>
<div class="button12" onclick="document.location='#'">About</div>
<div id="d1">
    <input type="button" value="Shrink" onclick="showLess()">
</div>

#btn2:hover
{
//your design here
}

或者像这样使用鼠标

<input id="button" type="button" value="Expand" onmouseover="showMore()">

<div id="d3">
<div class="button12" onclick="document.location='#'">Home</div>
<div class="button12" onclick="document.location='#'">About</div>
<div id="d1">
    <input type="button" value="Shrink" onclick="showLess()">
</div>

#btn2:hover
{
//your design here
}

您可以更改为onmouseover=showMore

如果您无法编辑或无法访问代码，您可以在页面加载或任何相关事件中尝试类似的操作

<input id="button" type="button" id="btn2" value="Expand" onmouseover="showMore()">

---

使用一些CSS代码使hover styleonmouseover=showMore不起作用？Thanx Satish Sharma提供了一个快速解决方案。完成。。但是，如果我想在这个add函数中实现这个功能，请记住这是一个事件，正如您在