1

私はこれらの種類のスクリプトに非常に慣れていないので、助けていただければ幸いです。

3つの回転divがあり、div1を2秒間表示し、次にdiv2を2秒間表示し、次にdiv3を2秒間表示し、サイクル全体を最初から開始します。他の2つが非表示になっている間、一度に1つのdiv。クリックを削除して機能を開始したいのですが、ページにアクセスするとすぐにサイクルが開始されます。

私は基本的に次の投稿からコードを取得しています。私は2秒後に自動非表示divを動作させるためにすべてを手に入れました

4

1 に答える 1

0

jquery.fadein()および.fadeout()or.css('display','none')を使用してwindow.setInterval(FunctionName, 2000);

2秒ごとに、最初のパラメーターに入力した関数が実行されます。表示しようとしているdivを追跡する変数を作成します。変数が3になると、1にリセットして、プロセスを無限に続行できるようにします。

編集：

スタイル：

div{
    width:500px;
    height:500px;
    margin-left:50px;
    border:1 px solid black;
    float:left;
    opacity:0;
}
#div3
{
    opacity:1;
}

div:nth-child(odd){
    background:#dad;
}
div:nth-child(even){
    background:#a55;
}

jquery / js：

var Index = 1;

window.setInterval(ChangeVisibleDiv, 2000);

function ChangeVisibleDiv()
{
    var nextIndex = Index + 1;
    var prevIndex = Index - 1;
    //reset on 4, not 3 because then the 3rd div would never be faded out.
    if(Index == 4)
        nextIndex = 1;
    // opposite story here as above
    if(Index == 1)
        prevIndex = 3;

     $(("#div" + prevIndex)).css('opacity',0);
     $(("#div" + nextIndex)).css('opacity',0);
     $(("#div" + Index)).css('opacity',1);

    Index++;

    //reset on 4, not 3 because then the 3rd div would never be faded out.
    if(Index == 4)
        Index = 1;

}

html

<div id="div1">

</div>
<div id="div2">

</div>
<div id="div3">

</div>

それは3番目のdivから始まります。私は怠惰すぎて修正できないので、気にしないでください=）

ただし、jqueryとjavascriptを学ぶことを強くお勧めします。それがどのように機能するかわからない場合は、何かを使用するのは賢明ではありません。少なくとも基本を学びましょう。

また、このフォーラムの人々は、学校からの課題ではなく、楽しくてやりがいのある質問を望んでいます=）

于 2012-11-02T00:55:03.323 に答える