Javascript PHP-文本淡入淡出效果?
我一直在为此进行研究,基本上我有一个表,在发布数据后显示“eco'texthere';” 如何使文本淡入,例如: 表--->用户使用submit按钮发送数据--->显示返回消息“rotating data”-->现在文本会淡出“Successfully sent”(在PHP中主要使用echo)Javascript PHP-文本淡入淡出效果?,javascript,ajax,animation,effects,Javascript,Ajax,Animation,Effects,我一直在为此进行研究,基本上我有一个表,在发布数据后显示“eco'texthere';” 如何使文本淡入,例如: 表--->用户使用submit按钮发送数据--->显示返回消息“rotating data”-->现在文本会淡出“Successfully sent”(在PHP中主要使用echo) 我需要一个超时函数和Jquery吗?是的,因为这是一个客户端效果,我建议您研究Jquery来实现这一点,例如使用是,因为这是一个客户端效果,我建议您研究Jquery来实现这一点,例如使用是-PHP在您能够
我需要一个超时函数和Jquery吗?是的,因为这是一个客户端效果,我建议您研究Jquery来实现这一点,例如使用是,因为这是一个客户端效果,我建议您研究Jquery来实现这一点,例如使用是-PHP在您能够显示e响应用户。您希望获取PHP响应(通过AJAX),将其放入DOM元素(如div),然后在AJAX调用完成后使用jQuery为该DOM元素设置动画。是-在您能够向用户显示响应时,PHP已经执行完毕。您希望获取PHP响应(通过AJAX),将其放入DOM元素(如div),然后在AJAX调用完成后使用jQuery设置该DOM元素的动画。您可以使用Mootools代替jQuery:
您可以使用Mootools代替jQuery:
您需要像上面推荐的那样导入jQuery库……然后您就有了如下功能:
$.get("yourphpscript.php",function(response){
$("#somediv").html(response).fadeIn('slow');
});
div#somediv应该以display:none开头;您需要像上面推荐的那样导入jQuery库……然后您就有了如下内容:
$.get("yourphpscript.php",function(response){
$("#somediv").html(response).fadeIn('slow');
});
div#somediv应该以display:none开头;如果我不想使用javascript,我发现这对我来说是可行的:
<head>
<!-- Javascript -->
<script type="text/javascript">
function showHideLayer(id){
e = document.getElementById(id);
if(e.style.display=="block"){
e.style.display = "none";
} else {
e.style.display = "block";
}
}
</script>
</head>
<body>
<!-- Link zum Anzeigen/Verstecken -->
<a href="alternativeLink" onclick="showHideLayer('myLayer');return(false)">Hide/Show</a>
<div id="myLayer" style="display:none;">
My hidden layer
</div>
函数showHideLayer(id){
e=document.getElementById(id);
如果(例如,样式显示==“块”){
e、 style.display=“无”;
}否则{
e、 style.display=“block”;
}
}
我的隐藏层
如果我不想使用javascript,我发现这对我很有用:
<head>
<!-- Javascript -->
<script type="text/javascript">
function showHideLayer(id){
e = document.getElementById(id);
if(e.style.display=="block"){
e.style.display = "none";
} else {
e.style.display = "block";
}
}
</script>
</head>
<body>
<!-- Link zum Anzeigen/Verstecken -->
<a href="alternativeLink" onclick="showHideLayer('myLayer');return(false)">Hide/Show</a>
<div id="myLayer" style="display:none;">
My hidden layer
</div>
函数showHideLayer(id){
e=document.getElementById(id);
如果(例如,样式显示==“块”){
e、 style.display=“无”;
}否则{
e、 style.display=“block”;
}
}
我的隐藏层
用户体验与PHP有什么关系?如果我正确理解您的问题,您只希望文本淡出并最终消失。这是JavaScript/CSS的东西。基本上,它在PHP中显示一条回音消息,然后在6秒后消失并显示另一条。用户体验与PHP有什么关系?如果我理解您的问题正确地说,您只希望文本淡出并最终消失。这是JavaScript/CSS的东西。基本上,它在php中显示一条回显消息,然后在6秒后消失并显示另一条。实际上,这取决于您使用的服务器。如果您使用的是IIS,则当您看到任何内容时,php Shurly都可以正常工作,因为它具有输出缓冲区默认情况下已激活。如果您有appache,则只需执行刷新()在您的代码中以及您使用echo所做的任何输出中;将被发送到客户端,而与php的实际处理状态无关。是的,这是事实,我只是泛泛而谈。无论如何,在这个特定示例中不存在“comet/push”状态-尝试使用php来制作这样的动画显然是徒劳的d I与Jquery淡入和分散相结合的“echo”?实际上这取决于您使用的服务器。如果您使用的是IIS,则php Shurly在您看到任何东西时都可以正常工作,因为它默认激活了输出缓冲。如果您有appache,则只需执行刷新()在您的代码中以及您使用echo所做的任何输出中;将被发送到客户端,而与php的实际处理状态无关。是的,这是事实,我只是泛泛而谈。无论如何,在这个特定示例中不存在“comet/push”状态-尝试使用php来制作这样的动画显然是徒劳的我将如何与Jquery淡入淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出?