简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

javascript 3d 逐侦产品展示(核心精简)_javascript技巧

WBOY
Lepaskan： 2016-05-16 16:54:24
asal
1110 orang telah melayarinya

3d 逐侦图片 素材

javascript 部分代码

复制代码 代码如下:

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(xstep++;
if(step>=lth-1){
step =0
}
}else{
step--
if(stepstep = 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(xstep++;
if(step>=lth-1){
step =0
}
}else{
step--
if(stepstep = lth-1;
}
}
first = x;
document.querySelectorAll('#tobj img')[step].style.display = 'block'
}
Label berkaitan：
3d
sumber：php.cn
Artikel sebelumnya：js无刷新操作table的行和列_javascript技巧 Artikel seterusnya：jquery 绑定回车动作扑捉回车键触发的事件_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
3. Model JS 3D telah ditambahkan tetapi tidak kelihatan Saya cuba menambah model 3D pada tapak web saya. Saya menggunakan tiga .js. Saya mencuba s...
daripada 2024-04-03 19:06:13
0
1
264
TypeError: Tidak dapat membaca sifat yang tidak ditentukan (baca 'kedudukan') menggunakan ThreeJs Saya cuba menyepadukan model 3D ke latar belakang bahagian wira tapak web saya. Ia berfung...
daripada 2024-04-01 12:01:52
0
1
416
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！