Jquery 实现图片自动切换效果

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

.contentwrapper { margin:0 auto; width:980px; clear:both; padding-bottom:60px;}
.content
{
    position: relative;
}

.content_hd
{
    background: url(images/couml4_top.png) no-repeat 0 0;
    width: 980px;
    height: 8px;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    background: #fff;
}

.content_bd
{
    padding: 5px 15px;
}

.content_bd
{
    background: #FFF;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

#planbanner
{
    position: relative;
    height: 312px;
}

    #planbanner .planpicnum
    {
        position: absolute;
        bottom: 0;
        right: 10px;
    }

        #planbanner .planpicnum a
        {
            display: none;
        }
ul,li { list-style:none; }
        #planbanner .planpicnum ul li
        {
            float: left;
            width: 10px;
            height: 10px;
            background: #ccc;
            margin: 10px 5px;
        }

            #planbanner .planpicnum ul li:hover
            {
                cursor: pointer;
                background: #f32284;
            }

            #planbanner .planpicnum ul li.hover
            {
                cursor: pointer;
                background: #f32284;
            }

.content_hd
{
    background: url(images/couml4_top.png) no-repeat 0 0;
    width: 980px;
    height: 8px;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    background: #fff;
}
.fl { float:left;}
.content_ft
{ /*background:url(images/colum4_ft.png) no-repeat 0 0;*/
    width: 980px;
    height: 10px;
    border: 1px solid #d4d4d4;
    border-top: none;
    background: #fff;
}