js实现点击左右按钮轮播图片效果实例

$(function () {   var index = 1;   var pPage = 1;   var $v_citemss = $(".citemss");   var $v_show = $v_citemss.find("ul");   v_width = $v_citemss.width();//图片展示区外围div的大小    //注：若为整数，前边不能再加var，否则会被提示underfine   p_count = $v_citemss.find("li").length;//获取此处li的个数   $(".slideprev1").click(function () {     if (!$v_show.is(":animated")) {       if (pPage == index) {         $v_show.animate({ right: '0px' }, "3000");         pPage = 4;       } else {         $v_show.animate({right: '-=' + v_width },"3000");         pPage--;       }     }   });    $(".slidenext").click(function () {     if (!$v_show.is(":animated")) {       if (pPage == p_count) {         $v_show.animate({ left: '0px' }, "3000");         pPage = 1;       } else {         $v_show.animate({ left: '-=' + v_width }, "3000");         pPage++;       }     }   }); });