2016-11-18 20 views
0

私はいくつかのアドバイスが必要です。私は20のテーブルのようなデータベースから表示するPHPのWebサイトを作成しています。PHPディスプレイMysqliデータ

whileループを使用して20のテーブルを生成し、データを内部に入れて問題はありません。

しかし、私がしたいのは、特定のサイズを作成することです。div1は、520 x 520pxと言うことができます。その後、ループを使用して、最初のテーブルを生成し、div1から消えるまでそのテーブルをゆっくりと移動し、テーブルの残りの部分についてこれを続けます。

誰でもロジックを助けることができます。誰かが私に役立つリソースを教えてくれるでしょう。

+7

CSSやJavaScriptの仕事に似ています。あなたのコードはどこですか? – PHPglue

+0

コードスニペットを追加!それはデザインの問題のようなものです。 –

答えて

1

アニメーションを意味していますか? それはJS/CSSジョブです。 PHPはサーバーサイドであり、Webページに表示される要素はサーバーからダウンロードされます。 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); 
    } 
} 

注:上記のコードは一例です。左/右/下に移動したい場合、または200pxの代わりに500px移動する場合は、それを変更する必要があります。コメントを参考にしてください