淘宝图片轮播制作
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片,不点就会自动换
里面有教程和源码
<div class= box >
<div class= shop-slider >
<div class= bd >
<div style= WIDTH: 340px; HEIGHT: 175px class= slider-promo J_Slider tb-slide >
<ul style= HEIGHT: 175px >
<li><a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
</ul>
</div>
</div>
</div>
</div>
直接复上去可以用了..如果你想要轮转更多张..那你就多复几行.....如下:
<div class= box >
<div class= shop-slider >
<div class= bd >
<div style= WIDTH: 340px; HEIGHT: 175px class= slider-promo J_Slider tb-slide >
<ul style= HEIGHT: 175px >
<li><a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</div>
</div>
</div>
不明的可以问我..旺旺 野蛮华华
你想修改轮转图片的大小就把..<div style= WIDTH: 340px; HEIGHT: 175px
340是图片图宽..175是高 注意把每一行的都改下同一样的大小.
<div class= shop-slider >
<div class= bd >
<div style= WIDTH: 340px; HEIGHT: 175px class= slider-promo J_Slider tb-slide >
<ul style= HEIGHT: 175px >
<li><a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
</ul>
</div>
</div>
</div>
</div>
直接复上去可以用了..如果你想要轮转更多张..那你就多复几行.....如下:
<div class= box >
<div class= shop-slider >
<div class= bd >
<div style= WIDTH: 340px; HEIGHT: 175px class= slider-promo J_Slider tb-slide >
<ul style= HEIGHT: 175px >
<li><a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a> </li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
<li>
<a href= 在这里加入宝贝的超级链接 target= _blank >
<img border= 0 alt= src= 请在这加入图片的地址 width= 340 height= 175 ></a></li>
</ul>
<ul>
<li>1 </li>
<li>2 </li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</div>
</div>
</div>
不明的可以问我..旺旺 野蛮华华
你想修改轮转图片的大小就把..<div style= WIDTH: 340px; HEIGHT: 175px
340是图片图宽..175是高 注意把每一行的都改下同一样的大小.
需要购买123show这个业务
不行的