Jquery 实现图片自动切换效果

前端之家收集整理的这篇文章主要介绍了Jquery 实现图片自动切换效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

.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;
}

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的HTML相关文章