图片轮换效果

<script type="text/javascript" src="jquery-1.4.2.js"></script>

<style>

ul(list-style:none;width:360px;height:200px;position:absolute;)

li{position:absolute;}

</style>

<div class="change">

    <ul>

        <li><img src="1.jpg" width="350px" height="200px"></li>

        <li><img src="2.jpg" width="350px" height="200px"></li>

        <li><img src="3.jpg" width="350px" height="200px"></li>

        <li><img src="4.jpg" width="350px" height="200px"></li>

    </ul>

</div>

<script>

    $(function(){

        $(".change ul li:not(:first)").hide();

        setInterval(function(){

            if($(".change ul li:first").is(":visible")){

                $(".change ul li:first").fadeIn("slow");

                $(".change ul li:last").hide();

            } else {

                $(".change ul li:visible").next().fadeIn("slow");

            }

        },1000);

    });

</script>

图片轮换效果,布布扣,bubuko.com