javascript - PHP显示Mysqli数据

Question

我需要一些建议。我正在创建一个 PHP 网站，其中有大约 20 个表可以从数据库中显示。

我使用 while 循环生成 20 个表并填充其中的数据，没问题。

但我想做的是创建一个特定大小的 div1，比如 520 w x 520px h。然后使用循环我生成第一个包含数据的表并显示然后该表缓慢向上移动直到它从 div1 中消失并且我继续这个表的其余部分。

任何人都可以在这里提供逻辑方面的帮助，或者向我指出可以帮助我做到这一点的资源。

Answer 1

你是说动画？然后就是一个JS/CSS的工作。 PHP 是服务器端的，您在网页中看到的元素是从服务器下载的。 JS 和 CSS 在客户端工作，HTML 也是如此。所以如果要制作动画，应该从制作一个自己重复n次的JS函数开始。在该循环中，只需编辑 div 的样式即可。

如果你不知道怎么做，这里是代码:

var inter = setInterval(animate,20);
var i = 0;
function animate(){
    document.getElementById("div1").style.marginBottom = i+"px";//This will make the div go up if your div id is div1. If not, just change div1 for your id. If you want to move it down, you would have to replace marginBottom for marginTop(this will only work if your div's position is relative).
    i++;
    if(i==200){//When it has moved 200px, it will stop
        clearInterval(inter);
    }
}

注意:上面的代码是一个例子。如果你想让它向左/向右/向下移动，或者它移动 500px 而不是 200px，你就必须改变它。用评论引导自己