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时间来处理他们。
  • 相关阅读:
    CSRF的安全问题
    preg_replace
    反汇编:虚函数表
    12.Proxy
    JS中的this
    11.Set 和 Map数据结构
    10.symbol
    9.对象的扩展
    test
    ES5支持的方法
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2300348.html
Copyright © 2011-2022 走看看