jQuery实现的滑动图片效果

    $(document).ready(function(){ 
        $(".imgnav a").click(function(){ 
            var num=($(this).attr('rel')-1)*(-900); 
            $(".imgshowbox").animate({left:num},500); 
            $(".imgnav a").removeClass('active'); 
            $(this).addClass("active"); 
        }); 
    }); 

    <div class="container"> 
        <div class="imgbox"> 
            <div class="imgshowbox"> 
                <img src="http://iamlze.cn/demo/imageslider/1.png" id="img_1" title="" alt="" /> 
                <img src="http://iamlze.cn/demo/imageslider/2.png" id="img_2" title="" alt="" /> 
                <img src="http://iamlze.cn/demo/imageslider/3.png" id="img_3" title="" alt="" /> 
                <img src="http://iamlze.cn/demo/imageslider/4.png" id="img_4" title="" alt="" /> 
            </div> 
        </div> 
        <div class="c"></div> 
        <ul class="imgnav"> 
            <li><a href="#" class="active" rel="1"></a></li> 
            <li><a href="#" rel="2"></a></li> 
            <li><a href="#" rel="3"></a></li> 
            <li><a href="#" rel="4"></a></li> 
        </ul> 
    </div>