Jquery 在边界上闪烁
我快速地解决了我的小问题 有人能告诉我为什么我的fadeTo在我悬停在边界上时会返回到主不透明度 我认为这是一个边界问题,我可以是roung,检查小提琴,悬停边界,你会看到发生的小眨眼 资料来源: html:Jquery 在边界上闪烁,jquery,Jquery,我快速地解决了我的小问题 有人能告诉我为什么我的fadeTo在我悬停在边界上时会返回到主不透明度 我认为这是一个边界问题,我可以是roung,检查小提琴,悬停边界,你会看到发生的小眨眼 资料来源: html: <div id="container"> <div id="title"></div> <table width='100%' style='border-bottom: dotted 1px;'> <tr>
<div id="container">
<div id="title"></div>
<table width='100%' style='border-bottom: dotted 1px;'>
<tr>
<td>One</td>
<td class="align_center" width="50px">Two.</td>
<td class="align_center" width="80px">Other</td>
<td class="align_center" width="70px">Other 2</td>
</tr>
</table>
<div id="result" style="height: 200px;"></div>
#container{
display: block;
border: solid 1px;
position: absolute;
top: 130px;
left: 3px;
width: 500px;
background-color: #ccc;
opacity: 0.4;
filter: alpha(opacity=40);
}
$("#container").live("mouseover", function(){
$(this).stop(true,true).fadeTo('slow', 1);
});
$("#container").live("mouseout", function(){
$(this).stop(true,true).fadeTo('slow', 0.4);
});
js:
<div id="container">
<div id="title"></div>
<table width='100%' style='border-bottom: dotted 1px;'>
<tr>
<td>One</td>
<td class="align_center" width="50px">Two.</td>
<td class="align_center" width="80px">Other</td>
<td class="align_center" width="70px">Other 2</td>
</tr>
</table>
<div id="result" style="height: 200px;"></div>
#container{
display: block;
border: solid 1px;
position: absolute;
top: 130px;
left: 3px;
width: 500px;
background-color: #ccc;
opacity: 0.4;
filter: alpha(opacity=40);
}
$("#container").live("mouseover", function(){
$(this).stop(true,true).fadeTo('slow', 1);
});
$("#container").live("mouseout", function(){
$(this).stop(true,true).fadeTo('slow', 0.4);
});
谢谢。将其更改为$(this).stop().fadeTo('slow',1)代码>似乎为我解决了它。第二个true导致它跳到动画的末尾(因此闪烁)