图片循环显示

最新推荐文章于 2021-06-01 13:07:49 发布

quxiuer

最新推荐文章于 2021-06-01 13:07:49 发布

阅读量1.1k

点赞数

分类专栏：图片处理文章标签： function xhtml border c html

图片处理专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
#ss{ width:130px;height:88px;margin:0 auto;overflow: hidden;white-space: nowrap;background:#ffffff; border:1px solid #000000}
#ss ul{margin:0px; padding:0px;}
#ss ul li{ margin:0px; padding:0px; list-style:none; display:inline;}
</style>
<body>

<div id='ss'>
<ul>
<li><img src="http://avatar.profile.youkuaiyun.com/0/5/D/2_wtcsy.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/8/8/3/2_xiaojing7.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/0/5/D/2_wtcsy.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/8/8/3/2_xiaojing7.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/0/5/D/2_wtcsy.jpg"/></li>
</ul>
</div>
<div id='s'></div>
<li><img src="http://avatar.profile.youkuaiyun.com/0/5/D/2_wtcsy.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/8/8/3/2_xiaojing7.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/0/5/D/2_wtcsy.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/8/8/3/2_xiaojing7.jpg"/></li>
<li><img src="http://avatar.profile.youkuaiyun.com/0/5/D/2_wtcsy.jpg"/></li>
<script>
/////////////////////////////////////////////////////////////////////////////////
var Tween = {
    Elastic: {
        easeOut: function(t,b,c,d,a,p){
            if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
            if (!a || a < Math.abs(c)) { a=c; var s=p/4; }
            else var s = p/(2*Math.PI) * Math.asin (c/a);
            return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b);
        }
    }
}
/////////////////////////////////////////////////////////////////////////////////

function $(Id){return document.getElementById(Id)};
var n = $('ss').getElementsByTagName('li').length-1;
var w = $('ss').getElementsByTagName('li')[0].offsetWidth;
var i=0,t=0,b=0,c=w,d=110;