如何使用Javascript左侧滑动

时间:2013-09-14 07:32:08

标签: javascript jquery jquery-ui jquery-plugins

我使用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>

将面板上下滑动,并将幻灯片标签panals添加为休闲

 //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);
                }
            }

上面的代码工作正常,但问题是我必须左右滚动弹性效果

1 个答案:

答案 0 :(得分:0)

你应该检查jQuery.animate(),它可以帮助你做任何动画效果。 您可以为任何css属性设置动画,在您的情况下,宽度可以满足您的需要。在线检查示例。