[英]Change onclick=“showMore()” onmouseover
<input id="button" type="button" value="Expand" onclick="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>
<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>
如何將onclick="showMore()"
更改為hover..
?
我需要它顯示而不單擊它。
您可以使用onmouseover
而不是onclick
像這樣
<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>
像這樣使用css樣式
#btn2:hover
{
//your design here
}
或者像這樣使用onmouseover
<input id="button" type="button" id="btn2" value="Expand" onmouseover="showMore()">
您可以更改為onmouseover="showMore()"
如果您無法編輯(無法訪問)代碼,您可以在頁面加載或任何 perticulat 事件中嘗試類似的操作。
$('#yourID').attr ('onClick', "onmousover");
$("#button").mouseover(function(){
$("#button").hide();
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.