根据ajax实现图片的切换,jquery简单实现图片切换效果的方法

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

#slider{

position:relative;

overflow:hidden;

margin:20px auto;

height:240px;

width:740px;

padding:5px;

border:2px solid #cdcdcd;

}

#show{

position:relative;

height:240px;

width:740px;

}

#show .img{

width:740px;

height:240px;

margin-bottom:5px;

}

#num{

position:absolute;

right:5px;

top:220px;

}

#num span{

float:left;

display:block;

text-align:center;

width:20px;

height:20px;

line-height:20px;

margin:2px;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:blod;

background:#f2f2f2;

border:1px solid #D78918;

color:#D78918;

}

#num .current{

color: #fff;

width:21px;

height:21px;

line-height:21px;

font-size: 16px;

border:0px;

margin:0px 1px;

background-color: #FF7300;

}

1

2

3

4

5