2

要素を上下にスライドさせるためにjavascriptを使用しました

<script type="text/javascript">
        $(function () {
            var $divSlide = $("div.slide");
            $divSlide.hide().eq(0).show();
            var panelCnt = $divSlide.length;

            setInterval(panelSlider, 3000);

            function panelSlider() {
                $divSlide.eq(($divSlide.length++) % panelCnt)
                .slideUp("slow", function () {

                    $divSlide.eq(($divSlide.length) % panelCnt)
                        .slideDown("slow");

                });
            }
        });
     </script>

スライドタグパネルを持つパネルを上下にスライドさせます。

 //protion
            DataTable promo = SQl.ExecuteSelectCommand("select Promo_Code,Promo_Discription,Promo_Min_Ammount,Persent_Off,Start_Date,End_Date,Supp_Name from Prommosion_Details_View ");
            if (promo.Rows.Count > 0)
            {
                for (int i = 0; i <= promo.Rows.Count - 1; i++)
                {
                    Panel p = new Panel();
                    p.CssClass = "slide";
                    PromoUC PUC = (PromoUC)Page.LoadControl("PromoUC.ascx");
                    PUC.setText(promo.Rows[i][3].ToString(), promo.Rows[i][1].ToString(), promo.Rows[i][4].ToString(), promo.Rows[i][5].ToString(), promo.Rows[i][0].ToString(), " From " + promo.Rows[i]["Supp_Name"].ToString());
                    p.Controls.Add(PUC);
                    searchBoxPromoPlaceHolder.Controls.Add(p);
                }
            }

上記のコードは正常に動作していますが、問題は弾性効果で左右にスクロールする必要があることです

4

1 に答える 1

0

アニメーション効果を実行するのに役立つjQuery.animate()を確認する必要があります。任意の css プロパティをアニメーション化できます。この場合、幅はニーズに合う可能性があります。例をオンラインで確認してください。

于 2013-09-24T06:22:25.030 に答える