当前位置：文江博客话题详情

PHP - 文本淡入淡出效果？

发布于 2024-09-26 13:29:24 字数 195 浏览 3 评论 0原文

我一直在为此进行研究，基本上我有一个显示“eco'texthere';”的表格发布数据后，

如何使文本淡入，例如：

表 ---> 用户使用提交按钮发送数据 ---> 显示返回消息“旋转数据” ---> 现在文本淡入“已成功发送”。（主要在 PHP 中使用 echo）。

为此我需要超时函数和 Jquery 吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无需解释 2024-10-03 13:29:24

你需要像上面推荐的那样导入一个 jQuery 库...然后你会得到类似的内容：

$.get("yourphpscript.php",function(response){
    $("#somediv").html(response).fadeIn('slow');
});

div #somediv 应该以 display:none; 开头。

You'll want to import a jQuery library like the fellows above recommended... Then you have something like:

$.get("yourphpscript.php",function(response){
    $("#somediv").html(response).fadeIn('slow');
});

The div #somediv should start out with display:none;.

回复收藏 0 原文

情痴 2024-10-03 13:29:24

是的 - 当您能够向用户显示响应时，PHP 已完成执行。您可能希望获取 PHP 响应（通过 AJAX），将其放入 DOM 元素（如 div）中，然后在 AJAX 调用完成后使用 jQuery 为该 DOM 元素设置动画。

回复收藏 0 原文

孤凫 2024-10-03 13:29:24

您可以使用 Mootools 而不是 jQuery：

http://mootools.net/docs/core/Fx /Fx.Tween

回复收藏 0 原文

再见回来 2024-10-03 13:29:24

是的，由于这是客户端效果，我建议您研究 jQuery 来执行此操作，例如使用 fadeIn< /a>

回复收藏 0 原文

锦爱 2024-10-03 13:29:24

如果不想使用 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>

I found this working for me if un wanna use 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>

回复收藏 0 原文

~没有更多了~