3

使用 jQuery 为 ASP.net 文本框设置动画时，它会在 Firefox 3.5 中留下拖尾动画。

修改输入框无边框后效果不再可见。顶框没有边框，也没有拖尾动画，而有边框的底框仍然有拖尾动画。

jQuery如下：

$(document).ready(function(){
    $("input").focus(function(){
        $(this).animate({width:"500px"}, "fast")
    }).blur(function(){
        $(this).animate({width:"200px"}, "fast")
    });
 });

正文内容如下：

<form runat="server">
<div>
<p><asp:TextBox width="200px" runat="server"/></p>
<p><asp:TextBox width="200px" runat="server"/></p>
</div>
</form>

随着文本框的展开，有什么办法可以摆脱尾随动画？动画“快”有一点帮助，当动画慢时会更糟。当涉及颜色时，问题会变得更加严重。

提前致谢。

这在 Internet Explorer 8、Chrome 或 Opera 中是看不到的。

4

2 回答 2

2

我在 Linux 上使用 firefox，它运行良好。这是关于系统渲染字段的。尝试在 CSS 中定义字段的边框和背景，以便将它们呈现为平面并查看它是否会改变任何内容。

如果他们发现问题，请询问更多人。我不。

于 2010-02-26T17:38:16.670 回答
0

您可以使用停止功能

$(document).ready(function(){
    $("input").focus(function(){
        $(this).stop().animate({width:"500px"}, "fast")
    }).blur(function(){
        $(this).stop().animate({width:"200px"}, "fast")
    });
 });

它将停止事件，然后动画到新的宽度

于 2010-02-26T00:01:11.157 回答