Rumah > hujung hadapan web > tutorial js > Kemahiran koleksi_javascript kod fungsi JS

Kemahiran koleksi_javascript kod fungsi JS

WBOY
Lepaskan: 2016-05-16 15:02:20
asal
1183 orang telah melayarinya

1 Tiru fade in(), fade out().

Prinsip: setInterval (fungsi "opacity++transparency", selang masa)

var alpha = 0;
function play(){
timer = setInterval(function(){
alpha += 2;
alpha > 100 && (alpha = 100);
aImg[index].style.opacity = alpha / 100;
aImg[index].style.filter = "alpha(opacity = " + alpha/100 + ")";
alpha == 100 && clearInterval(timer);
},40)
}
Salin selepas log masuk

2 Dapatkan dan tetapkan nilai atribut objek elemen:

Mata penting: obj.currentStyle[attr]; getComputedStyle(obj,null)[attr];

function css(obj,attr,val) {
switch(arguments.length) {
case 2:
if(typeof arguments[1] == "string"){
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr];
}else{
for(var i in attr) {
obj.style[i] = attr[i];
}
}
break;
case 3:
obj.style[attr] = val;
break;
default:
alert("错误参数");
}
}
Salin selepas log masuk
Di atas adalah kandungan berkaitan koleksi kod fungsi JS yang diperkenalkan oleh editor kepada anda.
Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan