-1
표의 첫 번째 행 위로 마우스를 가져 가면 div를 표시하려고합니다. 이로 인해 깜박 거립니다. 어떻게 해결할 수 있습니까?jQuery 호버 기능으로 인해 깜박임이 발생합니다.
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="hovermouse._Default" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function() {
$("table tr:first").hover(function() {
$("#mydiv").show()
},
function() {
$("#mydiv").hide();
}
);
}
);
</script>
<div id="mydiv">
you can see me</div>
<table border="true">
<tr>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
</tr>
<tr>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
</tr>
<tr>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
<td>
hi
</td>
</tr>
</table>
</asp:Content>
테스트 케이스를 만듭니다. –
호버 동작을 구현할 때 호버 대상이 해당 동작의 결과로 이동하는 것을 원하지 않습니다. 마우스를 올려 놓는 동안 페이지에서 마우스를 움직여 표적의 위치를 고정해야합니다. 특정 경우에는 DIV **를 ** 테이블 아래에 둘 수 있습니다. 또 다른 해결책은'hide()'를 통해 DIV를 숨기지 않고'visibility' 속성을'hidden'으로 설정하면 숨길 수 있습니다 그것은 여전히 이전과 같은 (수직) 공간을 차지할 것입니다. –