根据ajax实现图片的切换,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)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

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

总结

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

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。