学步园

        var intervalTime = 5000;
        var showIndex = 0;
        var imageLength=0;
        $(window).load(function () {
            var height = $("#swfLoad").height();
            var width = $("#swfLoad").width();
            $("#swfLoad img").each(function (index) {
                $(this).height(height).width(width).css("position", "absolute").css("top", 0).css("left", 0);
                if (index == "0") {
                    $(this).css("visibility", "visible");
                }
                else {
                    //$(this).css("visibility", "hidden");
                }
                imageLength++;
            });
            setInterval("change();", intervalTime);
        });
        function change() {
            $("#swfLoad img").eq(showIndex).fadeOut(1000);
            showIndex++;
            if (showIndex >= imageLength) {
                showIndex = 0;
            }
            $("#swfLoad img").eq(showIndex).fadeIn(1000);
        }
    </script>
    <div id="swfLoad" style="position:relative;visibility:visible; width:700px; height:280px;">
        <img src="../../Images/1355799066906_000.jpg" alt="" />
        <img src="../../Images/1369276714638_000.jpg" alt="" />
        <img src="../../Images/1369277578381_000.jpg" alt="" />
        <img src="../../Images/1371957347577_000.jpg" alt="" />
    </div>