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