子环母图片依次放大,主图保持原状

<script type = "text/javascript">
    var count = 0;
    var id;
    var width = $(".head").width();
    var height = $(".head").height();
    function orderShow(index){
        $(".head").eq(index).animate({
                    width:width*1,
                    height:height*1
                },500
                ,function(){
                    $(".head").eq(index).animate({
                        width:width*3.5,
                        height:height*3.5,
                        opacity:'1'
                    },500)
                }
        );
        $(".radiusP1").eq(index).animate({
                width:width*1,
                height:height*1
            },500,function(){
                $(".radiusP1").eq(index).animate({
                    width:width*3.5,
                    height:height*3.5,
                    opacity:'1'
                },500)
            });
        count ++;
        if (count > 8) {
            window.clearInterval(id);
        }
    }
        $(function(){
            id = window.setInterval(function(){orderShow(count)},1000);
        });
script>

你可能感兴趣的:(子环母图片依次放大,主图保持原状)