<div id="ppool"></div>
<input type="button" onclick="swap(1)" value="<<<">
<input type="button" onclick="swap(-1)" value=">>>">
<div id="view"></div>
<script type="text/javascript">
var cur = -1;
var q = Array('&nbsp;1&nbsp;','&nbsp;2&nbsp;','&nbsp;3&nbsp;','&nbsp;4&nbsp;','&nbsp;5&nbsp;','&nbsp;6&nbsp;','&nbsp;7&nbsp;','&nbsp;8&nbsp;','&nbsp;9&nbsp;','&nbsp;10&nbsp;');
var len =q.length;
var total =4;
function swap(o)
{
cur = cur +o;
if(cur >= len)cur = 0;
//if(cur < 0)cur = 0;
if(len - cur <=total-1 )
{
if(total >=2 && total < len)
{
a = q.slice(cur,cur+len-cur)+","+q.slice(0,total -(len-cur));
}
}
else
{
if(o == -1)
{
if(cur == 1||cur == 0 )
a = q.slice(cur,cur+total);
else
{
if(Math.abs(cur) > len )cur = -1;
a = q.slice(cur,10+cur)+","+ q.slice(0,total -(len-cur));
}
}
else
a = q.slice(cur,cur+total);
}
 _gObj("ppool").innerHTML = a;
 _gObj("view").innerHTML = 'o:'+o +' cur:'+cur+' cur+tota:'+(cur+total);
}
function _gObj(id)
{
return document.getElementById(id);
}
swap(1);
</script>自己看看那些数据对吗?

解决方案 »

  1.   

    <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312" />
    <meta http-equiv="content-language" content="gb2312" />
    <div id="ppool"></div>
    <input type="button" onclick="swap(1)" value="<<<">
    <input type="button" onclick="swap(-1)" value=">>>">
    <script type="text/javascript">
    var cur = -1;
    var q = Array('<img src="http://bestscw.web9i.com/tools/swap/8140797.jpg" >','<img src="http://bestscw.web9i.com/tools/swap/6043249.jpg" >','<img src="http://bestscw.web9i.com/tools/swap/5549740.jpg" >','<img src="http://bestscw.web9i.com/tools/swap/7542102.jpg" >','<img src="http://bestscw.web9i.com/tools/swap/3352709.jpg" >','<img src="http://bestscw.web9i.com/tools/swap/7833043.jpg">','<img src="http://bestscw.web9i.com/tools/swap/5680838.jpg">','<img src="http://bestscw.web9i.com/tools/swap/8987739.jpg">','<img src="http://bestscw.web9i.com/tools/swap/6606835.jpg">','<img src="http://bestscw.web9i.com/tools/swap/9366956.jpg">');
    var len =q.length;
    var total =4;
    function swap(o)
    {
    cur = cur +o;
    if(cur >= len)cur = 0;
    if(cur < 0)cur = len+cur;
    a=q.slice(cur,cur+total);
    if(cur+total>=len)a=a+q.slice(0,cur+total-len)
     _gObj("ppool").innerHTML = a;
    }
    function _gObj(id)
    {
    return document.getElementById(id);}
    swap(1);
    </script>测试通过