注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

百鬼夜行

身是菩提树,心如明镜台,时时勤拂拭,勿使惹尘埃。

 
 
 

日志

 
 

JS构建代码之前的原生封装的准备代码  

2013-03-15 09:45:25|  分类: js原理及提醒记忆 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
var doc = document;
    window.$ = {};
    var tools = {
        extend: function (a, b) {
            for (var i in b) {
                a[i] = b[i];
            }
            return a;
        }
    };
    tools.extend($, {
        extend: function (a, b) {
            tools.extend(a, b);
        }
        , create: function (a, css) {
            var obj = doc.createElement(a || 'div');
            if (css) { $.M(obj, css); }
            return obj;
        }
        , getID: function (a) {
            return doc.getElementById(a);
        }
        , getClass: function (ele, className) {
            return ele.getElementsByClassName(className)[0];
        }
        , addClass: function (ele, name) {
            var str = ele.className;
            if ((str = str.replace(name, ''))) { };
            ele.className = str + ' ' + name;
        }
        , css: function (ele, styles) {
            for (var s in styles)
            {
                ele.style[s] = styles[s];
            }
        }
        , getAttr: function (ele, name) {
            return ele.getAttribute(name);
        }
        , setAttr: function (ele, name, value) {
            return ele.setAttribute(name, value);
        }
        , animate: function (elem, style, unit, from, to, time, callback) {
            if (!elem) return;
            var start = new Date().getTime(),
                timer = setInterval(function () {
                    var step = Math.min(1, (new Date().getTime() - start) / time);
                    elem.style[style] = (from + step * (to - from)) + unit;
                    if (step == 1) {
                        clearInterval(timer);

                        if (callback) {
                            callback();
                        }
                    }
                }, 25);
            elem.style[style] = from + unit;
        }
        , removeClass: function (ele, name) {
            ele.className = ele.className.replace(name, '');
        }
        , hide: function (ele) {
            ele.style.display = 'none';
        }
        , show: function (ele) {
            ele.style.display = 'block';
        }
        , addEvent: function (ele, type, fn, param) {
            if (ele.addEventListener) {
                ele.addEventListener(type, function (event) { fn(event, param); }, false);
            }
            else {
                ele.attachEvent('on' + type, function (event) { fn(event, param); });
            }
        }
        , trim: function (s) {
            return s.replace(/^\s+|\s+$/g, '');
        }
        , scrollTop: function () {
            var scrollPos;
            if (window.pageYOffset) {
                scrollPos = window.pageYOffset;
            } else if (document.compatMode && document.compatMode != 'BackCompat') {
                scrollPos = document.documentElement.scrollTop;
            } else if (document.body) {
                scrollPos = document.body.scrollTop;
            }
            return scrollPos;
        }
    });
  评论这张
 
阅读(222)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018