JS 함수 코드 모음_javascript 기술

1. 페이드 인(), 페이드 아웃()을 흉내냅니다.

원리: setInterval("불투명도++투명도" 기능, 시간 간격)

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. 요소 객체의 속성 값 가져오기 및 설정:

핵심 사항: obj.currentStyle[attr]; getCompulatedStyle(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("错误参数");
}
}

위 내용은 에디터가 소개한 JS 함수코드 모음 관련 내용입니다.