彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 新闻动态 > javascript 3d 逐侦产品展示

javascript 3d 逐侦产品展示

发布时间:2019-09-02 22:17编辑:新闻动态浏览(64)

     这篇文章主要介绍了javascript实现的3d逐侦产品展示,需要的朋友可以参考下

    3d 逐侦图片 素材

    3d 逐侦图片 素材    javascript 部分代码   代码如下: <span style="white-space:pre"> </span>var step = 0;  var first = 0;  var lth = document.querySelectorAll('#tobj img').length;    window.addEventListener('touchstart',function(e){  e.preventDefault();  first = e.touches[0].pageX;  })  window.addEventListener('touchmove',function(e){  e.preventDefault();  var x = e.pageX || e.touches[0].pageX;  document.getElementById('outs').innerHTML = step;  if(Math.abs(x - first)>10){  document.querySelectorAll('#tobj img')[step].style.display = 'none'  if(x<first){  step++;  if(step>=lth-1){  step =0  }  }else{  step--  if(step<=0){  step = lth-1;  }  }  first = x;  document.querySelectorAll('#tobj img')[step].style.display = 'block'  }  })  window.addEventListener('touchend',function(e){  e.preventDefault();  step = step;  })    核心精简   代码如下: if(Math.abs(x - first)>10){  document.querySelectorAll('#tobj img')[step].style.display = 'none'  if(x<first){  step++;  if(step>=lth-1){  step =0  }  }else{  step--  if(step<=0){  step = lth-1;  }  }  first = x;  document.querySelectorAll('#tobj img')[step].style.display = 'block'  }   

    javascript 部分代码

    3d 逐侦图片 素材javascript 部分代码代码如下:span style=white-space:p...

    复制代码 代码如下:

    <span style="white-space:pre"> </span>var step = 0;
    var first = 0;
    var lth = document.querySelectorAll('#tobj img').length;

    window.addEventListener('touchstart',function(e){
    e.preventDefault();
    first = e.touches[0].pageX;
    })
    window.addEventListener('touchmove',function(e){
    e.preventDefault();
    var x = e.pageX || e.touches[0].pageX;
    document.getElementById('outs').innerHTML = step;
    if(Math.abs(x - first)>10){
    document.querySelectorAll('#tobj img')[step].style.display = 'none'
    if(x<first){
    step++;
    if(step>=lth-1){
    step =0
    }
    }else{
    step--
    if(step<=0){
    step = lth-1;
    }
    }
    first = x;
    document.querySelectorAll('#tobj img')[step].style.display = 'block'
    }
    })
    window.addEventListener('touchend',function(e){
    e.preventDefault();
    step = step;
    })

    本文由彩世界平台发布于新闻动态,转载请注明出处:javascript 3d 逐侦产品展示

    关键词:

上一篇:jquery跨域央求示例分享(jquery发送ajax央浼)

下一篇:没有了