Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击FadeIn文本上的按钮_Javascript_Html_Button_Fadein_Fadeout - Fatal编程技术网

Javascript 单击FadeIn文本上的按钮

Javascript 单击FadeIn文本上的按钮,javascript,html,button,fadein,fadeout,Javascript,Html,Button,Fadein,Fadeout,我希望有人能给我一个实现此事件的代码提示: 用户点击一个按钮 按钮消失 文本在按钮的相同位置上说“已保存!”时淡出 文字淡出 按钮(从第2步开始)再次出现 以下是按钮的代码: <input type="submit" name="gravarpalp" value="Save" /> 提前谢谢 签出看起来您应该能够将标签的前景色设置为具有不同alpha值的颜色值 button1.Visible = false; //make label fade in (alpha valu

我希望有人能给我一个实现此事件的代码提示:

  • 用户点击一个按钮
  • 按钮消失
  • 文本在按钮的相同位置上说“已保存!”时淡出
  • 文字淡出
  • 按钮(从第2步开始)再次出现
  • 以下是按钮的代码:

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

    签出看起来您应该能够将标签的
    前景色
    设置为具有不同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。

    我会使用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>
    
    
    无标题文件
    $(文档).ready(函数(e){
    $('#saveme')。单击(函数(){
    $('#saveme').fadeOut('slow',function()){
    $('#saved').fadeIn('slow',function()){
    $(“#已保存”).fadeOut('slow',function(){
    $('#saveme').fadeIn('slow',function()){
    });
    });
    });
    });
    });
    });
    保存的
    
    您能为您的尝试添加代码吗?我们可以建议最好的改进方法?是的,你需要尝试一下。所以不是免费的自由职业者服务。:-)这对于jQuery来说是相当容易的。不要误解我的意思。我已经尝试过让按钮消失,但无法使文本在按钮的同一位置出现和消失。你比我快了一分钟;)谢谢工作起来很有魅力@法比奥马尔蒂尼奥:很高兴你发现它很有用。
    function() fadeEffect(){
         $('#fadeButton').fadeToggle();
         $('#fadeSpan').fadeToggle();
         setTimeout(function(){
              $('#fadeButton').fadeToggle();
              $('#fadeSpan').fadeToggle();
         }, 3000);
    
    }
    
    <!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>