码迷,mamicode.com
首页 > Web开发 > 详细

JS功能代码集锦

时间:2016-05-04 10:11:59      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

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功能代码集锦

标签:

原文地址:http://www.cnblogs.com/tianyun-blog/p/5457293.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!