Rumah  >  Artikel  >  hujung hadapan web  >  Kemahiran koleksi_javascript kod fungsi JS

Kemahiran koleksi_javascript kod fungsi JS

WBOY
WBOYasal
2016-05-16 15:02:201126semak imbas

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)
}

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("错误参数");
}
}
Di atas adalah kandungan berkaitan koleksi kod fungsi JS yang diperkenalkan oleh editor kepada anda.
Kenyataan:
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