-3

我希望有人可以给我一个提示以实现此事件的代码：

  1. 用户点击一个按钮；
  2. 按钮消失；
  3. 文字淡入淡出地说“已保存！” 在按钮的相同位置；
  4. 文字淡出；
  5. 按钮（从第 2 步开始）再次出现。

这是按钮的代码：

<input type="submit" name="gravarpalp" value="Save" />

提前致谢！

4

3 回答 3

0

我会使用 jquery 来完成这个。首先，将控件放在具有以下 css 属性集的 div 内

<div>
<span id="fadeSpan" style='position: relative; display: none;>Saved!</span>
<input id="fadeButton" type="submit" name="gravarpalp" value="Save" style='position: relative;' onclick='fadeEffect();' />
</div>

然后在脚本标签中添加以下函数。不过，这未经测试，只是为了让您入门。

function() fadeEffect(){
     $('#fadeButton').fadeToggle();
     $('#fadeSpan').fadeToggle();
     setTimeout(function(){
          $('#fadeButton').fadeToggle();
          $('#fadeSpan').fadeToggle();
     }, 3000);

}
于 2013-05-28T18:48:04.883 回答
0 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $('#saveme').click(function() {
        $('#saveme').fadeOut('slow', function() {
            $('#saved').fadeIn('slow', function() {
                $('#saved').fadeOut('slow', function() {
                    $('#saveme').fadeIn('slow', function() {

                    });
                });
            });
        });
    });
});
</script>
</head>

<body>
<div id="saved" style="position:absolute;top:10px;left:10px;display:none">Saved</div>
<input type="submit" name="gravarpalp" value="Save" id="saveme" style="position:absolute;top:10px;left:10px;"/>
</body>
</html>
于 2013-05-28T18:49:16.780 回答
-1

看看这个链接。看起来您应该能够将ForeColorLabel 设置为具有不同 alpha 值的颜色值。

button1.Visible = false;

//make label fade in (alpha value++)
//once opacity reaches 255, make it fade out (alpha value--)

button1.Visible = true;

我认为您将需要某种计时器，以便淡入和淡出不是那么即时。如果您需要，我会尝试更好地解释。

编辑：对不起，我认为这是一个 WinForms 应用程序......这不适用于 Web 应用程序。尝试使用 jQuery 或 javascript。

于 2013-05-28T18:45:40.873 回答