Question

当我用css3慢动作点击asp按钮时，我想显示div结果，请任何人都可以帮助我。

<div id="showdivslowly" runat="server" style="width:500px; height:200px; background-color:Blue ;display:none" >Welcome</div>

    <asp:Button ID="Button1" runat="server" Text="Button" />

Answer 1

这几乎肯定是客户端最好通过Ajax call到服务器获取结果并将其附加到隐藏的div，您可以使用CSS transitions或使用{{3 }}。由于CSS显示属性为jQuery animation methods like fadeIn，您可能需要使用not animatable using CSS transitions（opacity property，虽然可能已经足够支持大多数用途，但只有动画会受到影响而不是核心功能）或使用jQuery方法。

如果您在服务器端处理click事件，那么浏览器将完成整页回发，您可以使用服务器端代码附加div，然后使用CSS3转换或JavaScript来完成动画客户端

代码示例 -

.result {
    -moz-transition: opacity 500ms ease-in-out 0s;
    -o-transition: opacity 500ms ease-in-out 0s;
    -webkit-transition: opacity 500ms ease-in-out 0s;
    transition: opacity 500ms ease-in-out 0s;    }

.result.hidden {
    display: none;
    opacity: 0;    
}

.result.shown {
    display: block;
    opacity: 1;
}

当我用css3点击asp按钮时，我想显示div结果

1 个答案: