javascript - 如何使元素在短时间内显示(Javascript或CSS)

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        6年前关闭。
                                                                                            
                
        
在我的一部分中，有一个按钮可能不会被用户看到，因此我想添加一个项目（例如电子邮件，例如“在此处浏览”），使其在加载时出现，并在用户按下相关按钮后消失按钮。我认为它可以通过CSS动画完成，但是很热就可以通过按下按钮将其删除？所以也许是Javascript。

那么有什么主意吗？
谢谢。

最佳答案

您可以使用简单的CSS（如果它是链接）

a:visited{
   display: none;
}

其他明智的一个很好的jQuery

$('button').click( function(){ $(this).toggle() ));

并使用javascript

<input type='button' onclick='hide(this);' />

function hide(clickedButton) {
   clickedButton.style.display = "none";
}

或CSS和JavaScript

<input type='button' onclick='hide(this);' />

.hidden{
     display:none;
}

function hide(clickedButton) {
   clickedButton.className = "hidden";
}

如果它们是两个不同的按钮，则jQuery

$('#triggerButton').click( function(){ $('#hideButton').toggle() ));

而对于javascript

<input type='button' id = 'trigger'+ onclick='hide(this);' />

function hide(clickedButton) {
   document.getElementById('hide').style.display = "none";
}

或CSS和JavaScript

<input type='button' id = 'trigger' onclick='hide(this);' />

.hidden{
     display:none;
}

function hide(clickedButton) {
   document.getElementById('hide').className = "hidden";
}

希望能解决您的问题。