zoukankan      html  css  js  c++  java
  • 图片轮换动画仿GIF

    var urls;
    function animate(pos){
    /*只现实一次gif图
    if(pos==urls.length){
    return false;
    }
    */


    pos %=urls.length;
    document.images["animate"].src=urls[pos];
    setTimeout("animate("+(pos+1)+");",1000);
    }
    window.onload=function(){
    urls=new Array("http://img.t.sinajs.cn/t4/style/images/medal/405_s.gif",
    "http://img.t.sinajs.cn/t4/style/images/medal/351_s.gif",
    "http://img.t.sinajs.cn/t4/style/images/medal/351_s.gif",
    "http://img.t.sinajs.cn/t4/style/images/medal/98_s.gif",
    "http://i.mmcdn.cn/simba/img/T1SpKJXf4lXXXXXXXX.jpg",
    "http://i.mmcdn.cn/simba/img/T1Cp1JXf8lXXXXXXXX.jpg",
    "http://i.mmcdn.cn/simba/img/T10E9IXgtiXXXXXXXX.jpg");
    animate(0);
    }

    </script>
    <img src="http://img.t.sinajs.cn/t4/style/images/medal/405_s.gif" name="animate">
    
    
    <img src="image.gif" onerror="this.src='http://img03.taobaocdn.com/tps/i3/T1XDx.XnpCXXXXXXXX-78-86.png'" onabort="this.innerHTML='刷'" />
    
    
    图像加载失败的时候提示或者载入出错的时候可以用onabort 和 onerror时间来处理他们。
  • 相关阅读:
    四、网络层
    四、路由协议
    四、最长前缀匹配
    四、路由转发
    四、分片
    五、TCP的可靠传输你怎么看
    存储周期
    判断素数
    需求说明书的内容
    块级元素——盒子模型1
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2300348.html
Copyright © 2011-2022 走看看