进度条

进度条js:

window.setTimeout("Zou()",20);

function Zou() {

  var y = document.getElementById("yanse");

  var k = document.getElementById("kuang"); var w = y.style.width;

  var kw = k.style.width; //var wc = parseInt(w); //var kc = parseInt(kw);

   var wc = parseInt(w.substr(0,w.length-2));

   if(wc<400) {

    wc =wc+2; y.style.width = wc+"px";

    window.setTimeout("Zou()",20);

  }

}

 

图片切换

var id;

function Jia() {

  id = window.setInterval("Zuo()",20)

}

function Zuo() {

  var zuo = document.getElementById("zuo");

   var zw = zuo.style.width;

  var zc = parseInt(zw.substr(0,zw.length-2));

  var you = document.getElementById("you");

  var yw = you.style.width; var yc = parseInt(yw.substr(0,yw.length-2));

  if(zc>=500) { window.clearInterval(id) return;

}

zc=zc+2;

zuo.style.width=zc+"px";

yc=yc-2;

you.style.width=yc+"px";

}

function Jian() {

  id = window.setInterval("Yuo()",20)

}

function Yuo() {

  var zuo = document.getElementById("zuo");

  var zw = zuo.style.width;

  var zc = parseInt(zw.substr(0,zw.length-2));

  var you = document.getElementById("you");

  var yw = you.style.width;

  var yc = parseInt(yw.substr(0,yw.length-2));

   if(yc>=500) {

    window.clearInterval(id); return;

    }

    zc=zc-2;

      zuo.style.width=zc+"px";

      yc=yc+2; you.style.width=yc+"px";

}

posted @ 2018-04-15 08:39  k丶灵  阅读(121)  评论(0)    收藏  举报