jQuery簡單伸縮廣告加強版，增長點擊重播

如下代碼質量不高，JS高手有空的話能夠寫個更加簡潔高效的。

效果截圖（稍後加上）：

1、HTML部分：

<!--伸縮-->
<div class="shensuo" style="margin-top:10px;">
    <!--這裏是大圖顯示，能夠是flash等等-->
    <div id="bannerTopBig" style="width:1000px; margin:0 auto; display:none;">
        <a href="#" target="_blank"><img src="/html/special/m/img/banner_1000x500.jpg" width="1000"></a>
    </div>
    <!--這裏是重播按鈕-->
    <div style="width:1000px; margin:0 auto; position:relative;">
        <div id="rightOpen" style="background-image:url(/assets/img/other/replay.gif); cursor:pointer; display:none; width:48px; height:19px; position:absolute; right:-55px;" title="點擊後重播"></div>
    </div>
    <!--這裏是小圖顯示，能夠是flash等等-->
    <div id="bannerTopSmall" style="width:1000px; margin:0 auto; display:none;">
        <a href="#" target="_blank"><img src="/html/special/m/img/banner_1000x100.jpg" width="1000"></a>
    </div>
</div>

2、JS部分：

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(function(){
    if ($(".shensuo").length > 0) {
        $("#bannerTopBig").slideDown("slow"); //下拉大圖
        //$("#rightOpen").hide(); //隱藏重播按鈕
        setTimeout("displayimg()",7000); //7秒後縮回
        
        //點擊重播按鈕後從新播放
        $("#rightOpen").click(function(){
            $("#bannerTopSmall").slideUp(500,function(){
                $("#bannerTopBig").slideDown("slow");
                setTimeout("displayimg()",7000); //7秒後縮回
                $("#rightOpen").hide();
            })
        })
    }
})

function displayimg(){
    $("#bannerTopBig").slideUp(1000,function(){
        $("#bannerTopSmall").slideDown(1000);
        $("#rightOpen").show();
    })
}
</script>

3、重播按鈕

4、完成