看到没有好用的图片滚动代码.自己花几个小时写了一个~分享解决思路

<style type="text/css"> 
.jsSlidePlayer {width:958px; height:252px; position:relative; overflow:hidden; }
.jsSlidePlayer ul, .jsSlidePlayer li {padding:0; margin:0; list-style-type: none; clear:both; line-height:100%; }
.jsSlidePlayer ul {position:absolute; top:0; left:0; }
.jsSlidePlayer li {height:252px; overflow:hidden; }
.jsSlidePlayer li img {border:none; width:958px; height:252px; }
.jsSlidePlayer div {position:absolute; right:5px; bottom:5px;}
.jsSlidePlayer div a {display:block; padding:2px 6px; font-size:12px; font-weight:normal; border:1px #f27602 solid; background:#fcf2cf; color:#f27602; margin:0 0 0 8px; float:left; text-decoration:none; }
.jsSlidePlayer div a.selected, .jsSlidePlayer div a:hover {background:#ffb442; color:#fff; }
</style>
<script src="http://www.ydtuiguang.com/js/jsSlidePlayerClass.js" type="text/javascript"></script>
 
<div class="jsSlidePlayer" id="jsSlidePlayer1">
<ul>
 
<li><a target="_blank" href="http://www.ydtuiguang.com/html/wztgSEO/ydyjqf/rjxz/index.html"><img src="http://www.ydtuiguang.com/images/banner_ydtgmail.jpg"></a></li>
 
<li><a target="_blank" href="http://www.ydtuiguang.com/html/wztgSEO/ydggdjw/rjxz/index.html"><img src="http://www.ydtuiguang.com/images/banner_ydadclick.jpg"></a></li>
 
<li><a target="_blank" href="http://www.ydtuiguang.com/html/wztgSEO/ydsllVIPzb/index.html"><img src="http://www.ydtuiguang.com/images/banner_ydtuiguang.jpg"></a></li>
 
<li><a target="_blank" href="http://www.ydtuiguang.com/html/zywzjs/index.html"><img src="http://www.ydtuiguang.com/images/banner.jpg"></a></li>
 
</ul>
<div>......</div><!-- 显示页码容器 -->
</div>
<script type="text/javascript"> 
var jspc1 = new jsSlidePlayerClass();
jspc1.name = 'jspc1';//*必须
jspc1.init('jsSlidePlayer1', 252);
</script>