-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>

次に、script タグに次の関数を追加します。ただし、これはテストされていません。開始するためのものです。

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 の を異なるアルファ値を持つ色の値に設定できるはずです。

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 に答える