MyException - 我的异常网
当前位置:我的异常网» 编程 » jquery兑现图片的向左和向右切换一组图片

jquery兑现图片的向左和向右切换一组图片

www.myexceptions.net  网友分享于:2013-04-10  浏览:7次
jquery实现图片的向左和向右切换一组图片

jquery实现图片的向左和向右切换一组图片


/*切换图片*/
$(function(){
            var $width=$("#div3").width();
            var $div=$(".prolist_content");
            var $page=1;
            //求出总的图片数
            var $img=$(".prolist_content ul li").length;
            var $pagesize=4;
            var $page_count=Math.ceil($img/$pagesize);
            //向左移动
            $(".goLeft").click(function(){
                if($page==$page_count){
                        $div.stop(true,true).animate({'left':0+'px'},600);
                        $page=1;
                }else{
                        $div.stop(true,false).animate({'left':"-="+$width+'px'},600);
                        $page++;
                        }
            })
                $(".goRight").click(function(){
                if($page==1){
                        $div.stop(true,false).animate({'left':"-="+$width*($page_count-1)+"px"},600);
                        $page=$page_count;
                }else{
                        $div.animate({'left':"+="+$width+'px'},600);
                        $page--;
                        }
            })

})



文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有