JS功能代码集锦

前端技术 2023/09/04 JavaScript

1.模仿fade in(),fade out().

原理：setInterval ( \"opacity++透明度“函数，时间间隔）

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] ； 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(\"错误参数\");
}
}

以上所述是小编给大家介绍的JS功能代码集锦的相关内容，希望对大家有所帮助！

本文地址：https://www.stayed.cn/item/9950

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案