如何在幻灯片左侧使用Javascript

我已经使用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);
                }
            }

$（函数（）{
var$divSlide=$（“div.slide”）；
$divSlide.hide（）.eq（0.show（）；
var panelCnt=$divSlide.length；
设置间隔（面板滑块，3000）；
函数面板滑块（）{
$divSlide.eq（$divSlide.length++）%panelCnt）
.slideUp（“慢”，函数（）{
$divSlide.eq（$divSlide.length）%panelCnt）
.向下滑动（“缓慢”）；
});
}
});

将具有滑动标签面板的面板上下滑动作为休耕添加

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

//保护
DataTable promo=SQl.ExecuteSelectCommand（“从Prommosion\u详细信息视图中选择promo\u代码、promo\u描述、promo\u最小金额、Percent\u关闭、开始日期、结束日期、支持名称”）；
如果（promo.Rows.Count>0）
{
对于（int i=0；i您应该检查有助于执行任何动画效果的。
您可以设置任何css属性的动画，在您的情况下，宽度可以满足您的需要。请在线查看示例