JS功能代码集锦

只作 说明 逻辑用

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

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

    var alpha = 0;

    function play(){

                        timer = setInterval(function(){
                        alpha += 2;
                        alpha > 100 && (alpha = 100);
                        aImg[i].style.opacity = alpha / 100;
                        aImg[i].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:
                        //获取属性值（css(oBox[i],"width") )
                        if(typeof arguments[1] == "string"){

                        //兼容性
                            return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr];
                        }else{
                        //设置属性值 （css(obj,{width:"300px"} )  
                            for(var i in attr) {
                                obj.style[i] = attr[i];
                            }
                        }
                    break;
                    case 3:

                        //设置属性值 ( css(obj,"width","300px") )
                        obj.style[attr] = val;
                        break;
                    default:
                        alert("错误参数");
                }
            }

转载于:https://www.cnblogs.com/tianyun-blog/p/5457293.html