function runTransOne(obj,scalex){
    $(obj).css('transform','scaleX('+scalex+')')
}
function tansTran(obj,bl,callback){
    var scalex=bl||0,timeout;
    timeout=setInterval(function(){
        if(!bl){
            scalex+=0.1;
            if(scalex>1){
                scalex=1;
                clearInterval(timeout);
                callback&& callback();
            }
        }else{
            scalex-=0.1;
            if(scalex<0){
                scalex=0;
                clearInterval(timeout);
                callback&& callback();
            }
        }
        runTransOne(obj,scalex)
    },20);
}

function transDiv(obj,callback){
    var tansObj=$(obj);
    tansTran(tansObj,1,function(){
        var obj=tansObj.next();
        obj.show();
        tansTran(obj,0,callback);
    })
}

function transDiv2(obj,callback){
    var tansObj=$(obj);
    tansTran(tansObj,1,function(){
        var obj=tansObj.prev();
        tansTran(obj,0,callback);
    })
}


var changed=0;
function startTransDiv(){
    if(!changed){
        $('.course_face').each(function(){
            if($(this)[0].getBoundingClientRect().top>0){
                changed=1;
                var obj=$(this)
                transDiv(obj,function(){
                    setTimeout(function(){transDiv2(obj.next())},1500);
                });
            }
        })
    }
}



$(function () {
    var timeouts;
    $(window).scroll(function(){
        clearTimeout(timeouts);
        timeouts=setTimeout(startTransDiv,100);
    });

    $('.course_face').on('mouseenter',function(){
        transDiv($(this));
    });
    $('.course_back').on('mouseleave',function(){
        transDiv2($(this));
    });

});

window.g = function(id){return document.getElementById(id)};
function doit(id) {
    doit_cancel(id);
    var style = document.createElement('style');
    var head = document.documentElement;
    head.appendChild(style);
    style.type = 'text/css';
    style.id=id
    if (style.styleSheet){
        style.styleSheet.cssText = 'button {background-color: #ff6699;}';
    }
    else {
        style.appendChild(document.createTextNode('button {background-color: #ff6699;}'));
    }
}

function doit_cancel(id) {
    var sheets,index=0, c,result;
    sheets = document.getElementsByTagName('style');
        while (index < sheets.length) {
            c = sheets[index];
            if (c.id === id) {
                result = c;
                break;
            }
            index++;
        }
    if (result) {
        c = result.parentNode;
        c.removeChild(result);
    }
}<div id="out"></div>
<button type="button" onclick="doit('aa')">doit</button>  ddddd
<button type="button" onclick="doit_cancel('aa')">cancel</button>
<style>
    button {border: 2px solid #f00;}
</style>

function doit(id) {
    doit_cancel(id);
    var elem = document.createElement('div');
    elem.innerHTML = '<br /><style type="text/css" id="'+id+'">button {border: 2px solid blue;}</style>';
    var body = document.getElementsByTagName('body')[0];
    body.appendChild(elem);
    //IE7 以下有解析BUG
    if(!!window.ActiveXObject&&document.documentMode<=7){
        var sheets=document.styleSheets,len=sheets.length,index= 0,temp;
        while(index<len){
            if (document.styleSheets[index].id === id) {
                for(;index<len-1;index++) {
                    temp=document.styleSheets[index].cssText;
                    document.styleSheets[index].cssText=document.styleSheets[index+1].cssText;
                    document.styleSheets[index+1].cssText=temp;
                }
                break;
            }
            index++;
        }
    }
}

function doit_cancel(id) {
    var sheets,index=0, c,result;
    sheets = document.getElementsByTagName('style');
        while (index < sheets.length) {
            c = sheets[index];
            if (c.id === id) {
                result = c;
                break;
            }
            index++;
        }
    if (result) {
        c = result.parentNode;
        c.parentNode.removeChild(c);
    }
}

isPhone4inches = (window.screen.height==480);
isPhone5inches = (window.screen.height==568);

function ksort(arr){

        var a=arr.slice(),len=a.length,start=0,end=len-1;

        function sort(start,end){

            if(start>end)
                return;
            var tmp=a[start],i=start,j=end,t;
            while(i!=j){
                while(a[j]>=tmp && i<j){
                    j--
                }
                while(a[i]<=tmp && i<j){
                    i++
                }
                if(i<j){
                    t=a[i];
                    a[i]=a[j];
                    a[j]=t;
                }

            }

            a[start]=a[i];
            a[i]=tmp;
            sort(start,i-1)
            sort(i+1,end)
        }
        sort(start,end)
        return a;
    }

d=[1,4,3,9,0,2,5,7,8,21,44,43];

    ksort(d)

(function(){
    var t={};
    t.language=navigator.language||navigator.userLanguage;
    t.cookie=navigator.cookieEnabled;
    t.java=navigator.javaEnabled();

    function getPlugin(pname){
        var plugins=navigator.plugins,
            len=plugins.length;
        if(plugins && len>0 ){
            for (var l = 0; l < len; l++) {
                if(plugins[l].name.indexOf(pname.name)>-1) return true
            }
            return false;
        }else{
            try{new ActiveXObject(pname.fullname);
                return true;
            }
            catch(e){
                return false
            }
        }
    }
    t.flash=getPlugin({name:'Flash',fullname:'ShockwaveFlash.ShockwaveFlash'});
    t.screen={
        ah:screen.availHeight,
        aw:screen.availWidth,
        cd:screen.colorDepth,
        h:screen.height,
        w:screen.width
    }
    function cookie(name, value, options){
        if (typeof value != 'undefined') {
            options = options || {};
            if (value === null) {
                value = '';
                options.expires = -1;
            }
            var expires = '', date;
            if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
                if (typeof options.expires == 'number') {
                    date = new Date();
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                } else {
                    date = options.expires;
                }
                expires = '; expires=' + date.toUTCString();
            }
            var path = '; path=' + (options.path ? options.path : '/');
            var domain = options.domain ? '; domain=' + options.domain : '';
            var secure = options.secure ? '; secure' : '';
            document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
        } else {
            var cookieValue = null;
            if (document.cookie && document.cookie != '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = $.trim(cookies[i]);
                    if (cookie.substring(0, name.length + 1) == (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
    }

    var ua=navigator.userAgent;

    /* 操作系统监测 */
    function getSystem(){
        var ver, s,
            system=navigator.platform,
            win= system.indexOf('Win')== 0,
            mac= system.indexOf('Mac')== 0,
            x11= system.indexOf('X11')==0 || system.indexOf('Linux')== 0;
        if(win){
            if(/Win(?:dows\s)?([^do]{2}) (\d+\.\d+)/.test(ua)){
                if(RegExp.$1=='NT'){
                    switch(RegExp.$2){
                        case '5.0':ver='2000';break;
                        case '5.1':ver='XP';break;
                        case '6.0':ver='Vista';break;
                        case '6.1':ver='7';break;
                        default :ver='NT';break;
                    }
                }else if(RegExp.$1=='9x'){
                    ver='ME'
                }else{
                    ver=RegExp.$1
                }
            }

            s= 'Win '+ver;
        }else if(mac){
            s=system;
        }else if(x11){
            s=system
        }
        return s;
    }


    /* 移动监测 */
    function getMobile(){
        var m,f;

        if(/Nokia([\w\s]+)/.test(ua)){
            m='NOKIA '+RegExp.$1;
        }

        if(/Windows Phone (?:OS)?(\d+.\d+)/.test(ua)){
            m='WinPhone '+RegExp.$1;
            if(/NOKIA(?:;)? ([\w\s]+)/.test(ua)){
                m='NOKIA '+RegExp.$1;
            }
        }

        if(mac && ua.indexOf('Mobile')>-1){
            if(/(\w+); CPU (?:iPhone )?OS (\d+_\d+)/.test(ua)){
                m=RegExp.$1+' '+RegExp.$2.replace(/_/g,'.');
            }
        }

        if(/Android/.test(ua)){
            f=/([\w\s]+) Build/.test(ua);
            m=RegExp.$1.replace(' ','');

        }

        if(/BlackBerry([^/]*)/i.text(ua)){
            m='BlackBerry '+RegExp.$1
        }
        return m;
    }

    /* 浏览器及版本 */
    function getBrowser(){
        var b;
        if(window.opera){
            b='Opera '+window.opera.version();
        }else if(/AppleWebKit\/(\S+)/.test(ua)){
            b='Webkit '+RegExp.$1;
            if(/Chrome\/(\S+)/.test(ua)){
                b='Chrome '+RegExp.$1;
            }else if(/Version\/(\S+)/.test(ua)){
                b='Safari '+RegExp.$1;
            }
        }else if(/KHTML\/(\S+)/.test(ua) || /Konqueror\/([^;]+)/.test(ua)){
            b='Konqueror '+RegExp.$1;
        }else if(/rv:(\S+) Gecko\/\d{8}/.test(ua)){
            b='Gecko '+RegExp.$1;
            if(/Firefox\/(\S+)/.test(ua)){
                b='Firefox '+RegExp.$1
            }
        }else if(/MSIE ([^;]+)/.test(ua)){
            b='IE '+RegExp.$1;
        }
        return b;
    }

})

function template(text, data) {
    var settings = {
            evaluate    : /<%([\s\S]+?)%>/g,
            interpolate : /<%=([\s\S]+?)%>/g,
            escape      : /<%-([\s\S]+?)%>/g
        },
        noMatch = /(.)^/,
        escapes = {
            "'":      "'",
            '\\':     '\\',
            '\r':     'r',
            '\n':     'n',
            '\u2028': 'u2028',
            '\u2029': 'u2029'
        },
        escaper = /\\|'|\r|\n|\u2028|\u2029/g,
        escapeChar = function(match) {
            return '\\' + escapes[match];
        },
        matcher = RegExp([
            (settings.escape || noMatch).source,
            (settings.interpolate || noMatch).source,
            (settings.evaluate || noMatch).source
        ].join('|') + '|$', 'g'),
        index = 0,
        source = "__p+='";
    text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
        source += text.slice(index, offset).replace(escaper, escapeChar);
        index = offset + match.length;
        if (escape) {
            source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
        } else if (interpolate) {
            source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
        } else if (evaluate) {
            source += "';\n" + evaluate + "\n__p+='";
        }
        return match;
    });
    source += "';\n";
    if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
    source = "var __t,__p='',__j=Array.prototype.join," +
        "print=function(){__p+=__j.call(arguments,'');};\n" +
        source + 'return __p;\n';
    try {
        var render = new Function(settings.variable || 'obj', '_', source);
    } catch (e) {
        e.source = source;
        throw e;
    }
    var template = function(data) {
        return render.call(this, data, "");
    };

    if(data) return render(data);
    var argument = settings.variable || 'obj';
    template.source = 'function(' + argument + '){\n' + source + '}';
    return template;
};

function passwordLevel(str,num) {
  var len=str.length,level,num=num||6;

  if(!/\s/g.test(str)){
  level=passwordFormat(str)
  return level==0?0:(len>=num && level>2)?level:(len>num?level:(level>2?--level:1))
  }
  else{
      return 0
  }

}

function passwordFormat(str){
    var i=0,ret = str.match(/^(\d+|[a-z]+)$|^([a-zA-Z0-9]+)$|^([\w~!@#$%^&*_]+)$/);
  if(ret){
    while (ret[++i] === undefined);
    return i;
  }else{
   return 0
  }
}
console.log(passwordLevel(" "));  //0
console.log(passwordLevel("　13123"));//0
console.log(passwordLevel("123")); //1
console.log(passwordLevel("sss21312"));//2
console.log(passwordLevel("123xx"));//1
console.log(passwordLevel("123xxZ"));//1
console.log(passwordLevel("众收到货"));//0
console.log(passwordLevel("%$#@12"));//3
console.log(passwordLevel("%$#@1"));//2

(function(step,total){
    var count= 0,pos=0;
    function start1(){
        count += step;
        count=count>=total?total:count;
        if(count<=180){
            $(".pie1").css("-o-transform","rotate(" + count + "deg)");
            $(".pie1").css("-moz-transform","rotate(" + count + "deg)");
            $(".pie1").css("-webkit-transform","rotate(" + count + "deg)");
            if(count>=total){
                return;
            }
        }else if(count<360){
            if(!pos){
                $(".pie1").css("-o-transform","rotate(" + 180 + "deg)");
                $(".pie1").css("-moz-transform","rotate(" + 180 + "deg)");
                $(".pie1").css("-webkit-transform","rotate(" + 180 + "deg)");
                pos=1;
            }
            $(".pie2").css("-o-transform","rotate(" + (count-180) + "deg)");
            $(".pie2").css("-moz-transform","rotate(" + (count-180) + "deg)");
            $(".pie2").css("-webkit-transform","rotate(" + (count-180) + "deg)");
            if(count>=total){
                return;
            }
        }else{
            $(".pie2").css("-o-transform","rotate(" + 180 + "deg)");
            $(".pie2").css("-moz-transform","rotate(" + 180 + "deg)");
            $(".pie2").css("-webkit-transform","rotate(" + 180 + "deg)");
        }
        if(count<360){
            setTimeout(start1,100);
        }
    }
    start1();
})(11,100)

$.fn.extend({
        placeholder:function () {
            if ("placeholder" in document.createElement("input")) {
                return this //如果原生支持placeholder属性，则返回对象本身
            } else {
                return this.each(function () {
                    var _this = $(this);
                    if(_this.attr('type')!='password'){
                        _this.val(_this.attr("placeholder")).focus(function () {
                            if (_this.val() === _this.attr("placeholder")) {
                                _this.val("")
                            }
                        }).blur(function () {
                                if (_this.val().length === 0) {
                                    _this.val(_this.attr("placeholder"))
                                }
                            });
                    }else{
                        var newObj=$('<input type="text" value="'+_this.attr('placeholder')+'" autocomplete="off" class="'+_this[0].className+'" />');
                        _this.hide().after(newObj);
                        newObj.focus(function(){
                            newObj.hide();
                            _this.show().focus();
                        });
                        _this.blur(function(){
                            if(_this.val() == '') {
                                newObj.show();
                                _this.hide();
                            }
                        });
                    }
                })
            }
        }
    });

var h=$(window).height()

        newDate:function(d){ //把当地时间转换成北京时间 +8，
            d=new Date(d);
            d=d.getTime()-this.getBeijingTime()*60000
            return new Date(d);
        },
        getBeijingTime:function(){
            return this.getTimeOffset(8);
        },
        getTimeOffset:function(v){ //获取当地和指定时区的偏移,单位分钟
            return new Date().getTimezoneOffset()+v*60
        }

var setPos=function(o,start,end){
            if(start===undefined) start=o.value.length;
            if(end===undefined) end=o.value.length;
            if(o.setSelectionRange){//W3C
                setTimeout(function(){
                    o.setSelectionRange(start,end);
                    o.focus();
                },0);
            }else if(o.createTextRange){//IE
                var textRange=o.createTextRange();
                textRange.moveStart("character",start);
                textRange.moveEnd("character",end);
                textRange.select();
            }
        };

$.popWindow({
    content:'window1',
    type:2
})

$.popWindow({
    title:'title',
    content:'window1',
    type:2
})

$.popWindow({
    content:'window1',
    type:2,
    callback:function(){
        alert(0)
    }
})

$.popWindow({
    content:'window1',
    type:2,
    closeBtn:true,
    callback:function(){
        alert(0)
    }
})

$.popWindow({
    content:'window1',
    type:2,
    yes:'aaaaaa',
    closeBtn:true,
    callback:function(){
        alert(0)
    }
})

$.popWindow({
    content:'window1',
    type:2,
    yes:'aaaaaa',
    tapMask:true,
    closeBtn:true,
    callback:function(){
        alert(0)
    }
})

$.popWindow({
    content:'window1',
    type:2,
    yes:'确认'
    no:'取消'
    callback:function(bl){
        if(bl){
            alert(‘确认’)
        }else{
            alert('取消')
        }
    }
})

$.popWindow({
    content:'请输入....<textarea placeholder="请输入..."></textarea>',
    yes:'确认',
    no:'取消',
    callback:function(bl){
        if(bl){

        }
    }
})

setCache:function(key,value,exp){
    //过期时间默认1天
    exp=exp||86400;
    store.set(key+'_'+curUserID, value,exp);

},

getCache:function(key){
    return store.get(key+'_'+curUserID);
}

//简单的缓存
store.set('a',{a:1,b:2})

//增加过期时间：单位是秒
store.set('a',{a:1,b:2},3600)

//清除指定缓存
store.set('a',null)
//或者
sotre.set('a');//为了代码的可读性，不建议这样使用

store.get('a')
//log：{a:1,b:2}

store.del('a');

store.clearExp();

store.clearAll()

//和set的区别是，这个会检测是否已经存在同名的缓存，如果存在，就不做任何处理
// 单set是会覆盖当前值的
store.add('b',{c:1,d:1},3600)

//过期时间由原来的1小时，变成了2小时，并且是从创建时间计算的
store.setExp('a',7200)

store.getExp('a')

$.extend({
    uploadFile:function(options){
        var id='iframe'+(new Date()).getTime(),form,iframe,callback="fileUploadCallback"+id
        window[callback]=function(d){
            form.remove();
            iframe.remove();
            options.success(d);
        }
        options.url+=(options.url.indexOf('?')==-1?'?':'&')+'newTimes='+id+'callBack='+callback
        alert(options.url)
        form=$('<form style="width:0px;height:0px;overflow:hidden" action="'+options.url+'" method="POST" enctype="multipart/form-data" target="'+id+'"></form>'),
            iframe=$('<iframe id="'+id+'" name="'+id+'" src="" style="position:absolute; top:-9999px; left:-9999px"></iframe>');
        form.html($(options.fileobj).clone());
        $('body').append(form).append(iframe)
        form.submit();
    }
});

var selection = window.getSelection();

var range = selection.getRangeAt(0);

range.startContainer // 开始点所在的容器(元素)
range.endOffset // 开始点在其容器内的偏移
range.endContainer // 结束点所在的容器(元素)
range.endOffset // 结束点在其容器内的偏移

range.commonAncestorContainer // 选择范围的共同父元素

var rect = range.getBoundingClientRect();

var selection = window.getSelection();
var range = selection.getRangeAt(0);


// 保存所有 Range 的属性
var startContainer = range.startContainer;
var startOffset = range.startOffset;
var endContainer = range.endContainer;
var endOffset = range.endOffset;

// 进行元素修改操作
// ......

// 构造新的 Range
var newRange = document.createRange(); // 注意，此处必须创建一个新的选区，在原来的 range 上修改无效
newRange.setStart(startContainer, startOffset);
newRange.setEnd(endContainer, endOffset);

// 恢复选区
selection.removeAllRanges();
selection.addRange(newRange);

setTimeout(function(){
  selection.addRange(newRange);
}, 50);

document.execCommand('bold'); // 加粗所选
document.execCommand('italic'); // 倾斜所选
document.execCommand('underline'); // 下划线所选

document.execCommand('createLink', true, 'http://io-meter.com'); // 为所选文字加链接
document.execCommand('unlink'); // 取消链接

document.execCommand('formatBlock', true, 'h1'); // 将光标所在段落修改为一级标题
document.execCommand('formatBlock', true, 'p'); // 将光标所在块修改为段落

if($.isIOS()){
            this.pop=true;
            var top=document.body.scrollTop;
            window.scroll(0,top);
            self.$el.find('.reply_wrap').css({'position':'absolute','top':document.body.scrollTop,'height':screen.availHeight+200});
            var interval,count=0;
            interval=setInterval(function(){
                count+=16;
                if(count>1000){
                    clearInterval(interval);
                }else{
                    window.scroll(0,top);
                }
            },16);
        }

el.css('transform', 'translate(-968px, 0px) translateZ(0px)')
//jQuery会自动根据不同浏览器内核为你处理为：
el.css('-webkit-transform', 'translate(-968px, 0px) translateZ(0px)')

el.hide(1000);//jQuery具有动画，Zepto不会鸟你

zepto.Z = function(dom, selector) {
  dom = dom || []
  dom.__proto__ = $.fn
  dom.selector = selector || ''
  return dom
}

var el = $('.el');

el.on('click', function() {
  alert(1)
})


//true的情况jQuery会连带dom事件拷贝，Zepto没有做这个处理
//jQuery库，点击clone的节点会打印1，Zepto不会

var el1 = el.clone(true);
$('#wrap').append(el1);

clone: function (elem, dataAndEvents, deepDataAndEvents) {
   var i, l, srcElements, destElements,
         clone = elem.cloneNode(true),
         inPage = jQuery.contains(elem.ownerDocument, elem);

   // Fix IE cloning issues
   if (!support.noCloneChecked && (elem.nodeType === 1 || elem.nodeType === 11) &&
             !jQuery.isXMLDoc(elem)) {

     // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
     destElements = getAll(clone);
     srcElements = getAll(elem);

     for (i = 0, l = srcElements.length; i < l; i++) {
       fixInput(srcElements[i], destElements[i]);
     }
   }

   // Copy the events from the original to the clone
   if (dataAndEvents) {
     if (deepDataAndEvents) {
       srcElements = srcElements || getAll(elem);
       destElements = destElements || getAll(clone);

       for (i = 0, l = srcElements.length; i < l; i++) {
         cloneCopyEvent(srcElements[i], destElements[i]);
       }
     } else {
       cloneCopyEvent(elem, clone);
     }
   }

   // Preserve script evaluation history
   destElements = getAll(clone, "script");
   if (destElements.length > 0) {
     setGlobalEval(destElements, !inPage && getAll(elem, "script"));
   }

   // Return the cloned set
   return clone;
 },
 function cloneCopyEvent(src, dest) {
   var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events;

   if (dest.nodeType !== 1) {
     return;
   }

   // 1. Copy private data: events, handlers, etc.
   if (dataPriv.hasData(src)) {
     pdataOld = dataPriv.access(src);
     pdataCur = dataPriv.set(dest, pdataOld);
     events = pdataOld.events;

     if (events) {
       delete pdataCur.handle;
       pdataCur.events = {};

       for (type in events) {
         for (i = 0, l = events[type].length; i < l; i++) {
           jQuery.event.add(dest, type, events[type][i]);
         }
       }
     }
   }

   // 2. Copy user data
   if (dataUser.hasData(src)) {
     udataOld = dataUser.access(src);
     udataCur = jQuery.extend({}, udataOld);

     dataUser.set(dest, udataCur);
   }
 }


clone: function(){
  return this.map(function(){ return this.cloneNode(true) })
},