IT博客-领星动网编程开发之爆炸小宇宙-随笔分类-AJAXhttp://www.cnitblog.com/lxasp/category/8435.htmlcnitblog.com/lxasp - - 有一种信念叫做编程zh-cnThu, 28 Sep 2023 11:08:42 GMTThu, 28 Sep 2023 11:08:42 GMT60HTML表格的固定表头：实现水平横向同步滚动表头和垂直滚动固定表头(HTML+CSS+JS)http://www.cnitblog.com/lxasp/archive/2016/04/26/90425.htmllxasplxaspTue, 26 Apr 2016 10:12:00 GMThttp://www.cnitblog.com/lxasp/archive/2016/04/26/90425.htmlhttp://www.cnitblog.com/lxasp/comments/90425.htmlhttp://www.cnitblog.com/lxasp/archive/2016/04/26/90425.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90425.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90425.html阅读全文

lxasp 2016-04-26 18:12 发表评论
]]>原生JavaScript仿jQuery的$取元素的超级迷你版http://www.cnitblog.com/lxasp/archive/2015/11/20/90290.htmllxasplxaspThu, 19 Nov 2015 17:19:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/11/20/90290.htmlhttp://www.cnitblog.com/lxasp/comments/90290.htmlhttp://www.cnitblog.com/lxasp/archive/2015/11/20/90290.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90290.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90290.html<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>/*原生JavaScript仿jQuery的$取元素的超级迷你版*/</title>
    <meta name="author" content="(pkmaster|pk4321)"/>
</head>
<body>


<div id="d1"></div>

<script>
/*原生JavaScript仿jQuery的$取元素的超级迷你版*/
(function(window, UND) {

if(window.V===UND){
    var document=window.document,_GTN='getElementsByTagName'
    ,$=function(t){
        return function(p){
            return (!t)?document.getElementById(p):(!p)?document[_GTN](t)[0]:p[_GTN](t);
        }
    };
    V=$();V.$=$;
    V.K=function(v){return"function"==typeof(v)?5:"string"==typeof(v)?8:0};
    V.cint=function(s){return parseInt(s,10)};
};

})(this);
</script>

<script>
/*
使用方法：

◇返回ID对应的单个元素的“单对象”：
V.$()(第二对括号：“ID”字符串) == V(ID“字符串”)

◇返回TAG对应的元素数组的首个“单对象”：
V.$(第一对括号：TAG“字符串”)()

◇返回某个父母元素的对象内部的TAG对应的“对象数组”：
V.$(第一对括号：TAG“字符串”)(第二对括号：“TAG”所在的父母元素的“对象”而不是ID“字符串”)
*/
V('d1').innerHTML=V.K(V)+V.$('title')().innerHTML+V.$('script')(V.$('body')())[1].innerHTML;
</script>

</body>
</html>

lxasp 2015-11-20 01:19 发表评论
]]>在artTemplate的github上作者贴出了300多字节的js模板引擎，我在其代码上加了注释方便大家学习哦！http://www.cnitblog.com/lxasp/archive/2015/11/07/90278.htmllxasplxaspFri, 06 Nov 2015 16:13:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/11/07/90278.htmlhttp://www.cnitblog.com/lxasp/comments/90278.htmlhttp://www.cnitblog.com/lxasp/archive/2015/11/07/90278.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90278.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90278.html<script id="tpl" type="text/html">
<ul>
    <% for (var i = 0, l = data.list.length; i < l; i ++) { %>
        <li>用户: <%=data.list[i].user%> / 网站：<%=data.list[i].site%>'tmp'%</li>//
    <% };var j=(i===2)?i:'j'; /*只能这样注释不能用双斜杠哦！*/ %><%=j%>
</ul>
</script>

<div id="view"></div>

<script>
 $=function(n){return document.getElementById(n)};

function tpl (str) {
    return new Function("data", "_",            /*定义函数的参数，＂data＂＝输入数据，＂_＂＝输出结果字符串*/
    "_='';_+=" + "'"                            /*构造函数体内容*/
    + str.replace(/[\r\t\n]/g, " ")             /*替换全部回车符、换行符和制表符，这样有一个问题是脚本内不能出现双斜杠注释*/
        .replace(/'(?=[^%]*%>)/g,"\t")           /*将脚本代码内的单引号临时替换为制表符*/
        .split("'").join("\\'")                  /*将脚本代码外的单引号转换为＂输出结果字符串＂内的单引号*/
        .split("\t").join("'")                   /*将脚本代码内的制表符替换回去为单引号*/
        .replace(/<%=(.+?)%>/g, "';_+=$1;_+='")  /*用数据替换模板的<%=xxx%>变量*/
        .split("<%").join("';")                  /*将起始标签替换为＂输出结果字符串＂的结尾并开始新的＂脚本代码部分＂*/
        .split("%>").join("_+='")               /*将结束标签替换为开始新的＂输出结果字符串＂*/
    + "'; return _;"                            /*加上＂输出结果字符串＂的结尾，并返回*/
    );
 }

 $('view').innerHTML=tpl($('tpl').innerHTML)({list:[{user:"u1",site:"s1"},{user:"u2",site:"s2"}]});
</script>

其实<%%>这种标签在ASP/JSP环境下都有使用，容易造成冲突，建议换成<##>。其实#号在编程语言里使用率算底的，通常也就CSS用得多一些。用文本编辑器的替换功能将以上代码的全部%替换为#也是很方便的哦！修改后的代码如下：

<script id="tpl" type="text/html">
<ul>
    <# for (var i = 0, l = ul.li.length; i < l; i ++) { #>
        <li>用户: <#=ul.li[i].user#> / 网站：<#=ul.li[i].site#>'tmp'#</li>//
    <# };var j=(i===2)?i:'j'; /*禁用双斜杠注释*/ #><#=j#>
</ul>
</script>

<div id="view"></div>

<script>
 $=function(n){return document.getElementById(n)};

function tpl (str,dat) {
    if(typeof(dat)==="undefined")dat="ul";
    return new Function(dat, "_",               /*定义函数的参数，＂data＂＝输入数据，＂_＂＝输出结果字符串*/
    "_='';_+=" + "'"                            /*构造函数体内容*/
    + str.replace(/[\r\t\n]/g, " ")             /*替换全部回车符、换行符和制表符，这样有一个问题是脚本内不能出现双斜杠注释*/
        .replace(/'(?=[^#]*#>)/g,"\t")           /*将脚本代码内的单引号临时替换为制表符*/
        .split("'").join("\\'")                  /*将脚本代码外的单引号转换为＂输出结果字符串＂内的单引号*/
        .split("\t").join("'")                   /*将脚本代码内的制表符替换回去为单引号*/
        .replace(/<#=(.+?)#>/g, "';_+=$1;_+='")  /*用数据替换模板的<#=xxx#>变量*/
        .split("<#").join("';")                  /*将起始标签替换为＂输出结果字符串＂的结尾并开始新的＂脚本代码部分＂*/
        .split("#>").join("_+='")                /*将结束标签替换为开始新的＂输出结果字符串＂*/
    + "'; return _;"                            /*加上＂输出结果字符串＂的结尾，并返回*/
   );
 }

 $('view').innerHTML=tpl($('tpl').innerHTML)({li:[{user:"u1",site:"s1"},{user:"u2",site:"s2"}]});
</script>

 



lxasp 2015-11-07 00:13 发表评论
]]>原生javascript的document.ready；从jQuery 1.6.4/1.8.3中抽取整理出来的http://www.cnitblog.com/lxasp/archive/2015/11/06/90276.htmllxasplxaspFri, 06 Nov 2015 02:56:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/11/06/90276.htmlhttp://www.cnitblog.com/lxasp/comments/90276.htmlhttp://www.cnitblog.com/lxasp/archive/2015/11/06/90276.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90276.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90276.html(function(window,document,UN){

document.ready = (function(){

  var readyList,
    OBJ="object",OBJF="function",OBJA="array",STRC="complete",STRR="onreadystatechange",STRD="DOMContentLoaded",
    // The ready event handler and self cleanup method
    DOMContentLoaded = function() {
      if ( document.addEventListener ) {
        document.removeEventListener( STRD, DOMContentLoaded, false );
        ReadyObj.ready();
      } else if ( document.readyState === STRC ) {
        // we're here because readyState === "complete" in oldIE
        // which is good enough for us to call the dom ready!
        document.detachEvent( STRR, DOMContentLoaded );
        ReadyObj.ready();
      }
    },

    ReadyObj = {
    // Is the DOM ready to be used? Set to true once it occurs.
    isReady: false,
    // A counter to track how many items to wait for before
    // the ready event fires. See #6781
    readyWait: 1,
    // Hold (or release) the ready event
    holdReady: function( hold ) {
      if ( hold ) {
        ReadyObj.readyWait++;
      } else {
        ReadyObj.ready( true );
      }
    },
    // Handle when the DOM is ready
    ready: function( wait ) {
      // Either a released hold or an DOMready/load event and not yet ready
      if ( (wait === true && !--ReadyObj.readyWait) || (wait !== true && !ReadyObj.isReady) ) {
        // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
        if ( !document.body ) {
          return setTimeout( ReadyObj.ready, 1 );
        }

        // Remember that the DOM is ready
        ReadyObj.isReady = true;
        // If a normal DOM Ready event fired, decrement, and wait if need be
        if ( wait !== true && --ReadyObj.readyWait > 0 ) {
          return;
        }
        // If there are functions bound, to execute
        readyList.resolveWith( document, [ ReadyObj ] );

        // Trigger any bound ready events
        //if ( ReadyObj.fn.trigger ) {
        //  ReadyObj( document ).trigger( "ready" ).unbind( "ready" );
        //}
      }
    },
    bindReady: function() {
      if ( readyList ) {
        return;
      }

      readyList = ReadyObj._Deferred();

      // Catch cases where $(document).ready() is called after the
      // browser event has already occurred.
      if ( document.readyState === STRC ) {
        // Handle it asynchronously to allow scripts the opportunity to delay ready
        setTimeout( ReadyObj.ready, 1 );

      // Mozilla, Opera and webkit nightlies currently support this event
      } else if ( document.addEventListener ) {
        // Use the handy event callback
        document.addEventListener( STRD, DOMContentLoaded, false );
        // A fallback to window.onload, that will always work
        window.addEventListener( "load", ReadyObj.ready, false );

      // If IE event model is used
      } else if ( document.attachEvent ) {
        // ensure firing before onload,
        // maybe late but safe also for iframes
        document.attachEvent( STRR, DOMContentLoaded );

        // A fallback to window.onload, that will always work
        window.attachEvent( "onload", ReadyObj.ready );

        // If IE and not a frame
        // continually check to see if the document is ready
        var top = false;

        try {
          top = window.frameElement == null && document.documentElement;
        } catch(e) {}

        if ( top && top.doScroll ) {
          (function doScrollCheck() {
            if ( !ReadyObj.isReady ) {

              try {
                // Use the trick by Diego Perini
                // http://javascript.nwbox.com/IEContentLoaded/
                top.doScroll("left");
              } catch(e) {
                return setTimeout( doScrollCheck, 50 );
              }

              // and execute any waiting functions
              ReadyObj.ready();
            }
          })();
        }
      }
    },
    _Deferred: function() {
      var // callbacks list
        callbacks = [],
        // stored [ context , args ]
        fired,
        // to avoid firing when already doing so
        firing,
        // flag to know if the deferred has been cancelled
        cancelled,
        // the deferred itself
        deferred  = {

          // done( f1, f2, )
          done: function() {
            if ( !cancelled ) {
              var args = arguments,
                i,
                length,
                elem,
                type,
                _fired,
                class2type = {};
              class2type["["+OBJ+" Function]"] = OBJF;
              class2type["["+OBJ+" Array]"] = OBJA;
              if ( fired ) {
                _fired = fired;
                fired = 0;
              }
              for ( i = 0, length = args.length; i < length; i++ ) {
                elem = args[ i ];
                type=(elem == null ? String( elem ) : class2type[ Object.prototype.toString.call(elem) ] || OBJ);
                if ( type === OBJA ) {
                  deferred.done.apply( deferred, elem );
                } else if ( type === OBJF ) {
                  callbacks.push( elem );
                }
              }
              if ( _fired ) {
                deferred.resolveWith( _fired[ 0 ], _fired[ 1 ] );
              }
            }
            return this;
          },

          // resolve with given context and args
          resolveWith: function( context, args ) {
            if ( !cancelled && !fired && !firing ) {
              // make sure args are available (#8421)
              args = args || [];
              firing = 1;
              try {
                while( callbacks[ 0 ] ) {
                  callbacks.shift().apply( context, args );//shifts a callback, and applies it to document
                }
              }
              finally {
                fired = [ context, args ];
                firing = 0;
              }
            }
            return this;
          },

          // resolve with this as context and given arguments
          resolve: function() {
            deferred.resolveWith( this, arguments );
            return this;
          },

          // Has this deferred been resolved?
          isResolved: function() {
            return !!( firing || fired );
          },

          // Cancel
          cancel: function() {
            cancelled = 1;
            callbacks = [];
            return this;
          }
        };

      return deferred;
    }
  };

  return function( fn ) {
    // Attach the listeners
    ReadyObj.bindReady();

    // Add the callback
    readyList.done( fn );//readyList is result of _Deferred()
  };
})();

})(this,document);

以上代码用js压缩后才1.6KB。使用示例：

<script src="docready.js"></script>
<script>/*<![CDATA[/*pkmaster@2015q4*/

$=function(n){return document.getElementById(n)};

document.ready(function(){
    $('fo1').innerHTML="HELLO document.ready ok!!";
});

try{
    $('fo1').innerHTML="not use document.ready fail?";
}catch(e){
    document.write('fail!');
}

//]]></script>

<pre>
很多行很多的文本
</pre>

<div id="fo1">fo1</div>

 



lxasp 2015-11-06 10:56 发表评论
]]>javascript(js)字符串分割函数汉字中文版——按汉字中文为2个字符的长度方法进行分割http://www.cnitblog.com/lxasp/archive/2015/10/31/90248.htmllxasplxaspSat, 31 Oct 2015 09:35:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/10/31/90248.htmlhttp://www.cnitblog.com/lxasp/comments/90248.htmlhttp://www.cnitblog.com/lxasp/archive/2015/10/31/90248.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90248.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90248.html    var chsSplitSize = function(inputstr,size) {
        var inarr = inputstr.split(""),strcurr,strnext,asccurr,ascnext,posonebase=0,lastzerobase=0,chsnext=false,i,j,k=0,ou=[],s;
        inarr.push("");
        for(i=0;i<inarr.length-1;i++){
            strcurr=inarr[i];strnext=inarr[i+1];
            try {
                asccurr = strcurr.charCodeAt(0);
                ascnext = strnext.charCodeAt(0);
            } catch (e) {};
            if (asccurr > 255){
                posonebase+=2;
            }else{
                posonebase++;
            };
            if (ascnext > 255){
                chsnext=true;
            }else{
                chsnext=false;
            };
            if(chsnext&&(posonebase-lastzerobase)==(size-1)){
                s="";
                for(j=k;j<=i;j++){
                    s+=inarr[j];
                }
                k=i+1;
                lastzerobase=posonebase;
                if(s.length>0)ou.push(s);
            }else if((posonebase-lastzerobase)==size){
                s="";
                for(j=k;j<=i;j++){
                    s+=inarr[j];
                }
                k=i+1;
                lastzerobase=posonebase;
                if(s.length>0)ou.push(s);
            }
        }
        if((posonebase-lastzerobase)<=size){
            s="";
            for(j=k;j<=i;j++){
                s+=inarr[j];
            }
            k=i+1;
            lastzerobase=posonebase;
            if(s.length>0)ou.push(s);
        }
        return ou;
    };
//                             123456789012345678901
    var s="",arr=chsSplitSize("一二三234我的额1额56789四五六七",12);

    for(var i=0;i<arr.length;i++){
        s+='<div>'+arr[i]+'</div>\n';
    }
    alert(s);

lxasp 2015-10-31 17:35 发表评论
]]>压缩htm，js，css的hta；只支持win7+ie9http://www.cnitblog.com/lxasp/archive/2015/08/07/90170.htmllxasplxaspFri, 07 Aug 2015 13:23:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/08/07/90170.htmlhttp://www.cnitblog.com/lxasp/comments/90170.htmlhttp://www.cnitblog.com/lxasp/archive/2015/08/07/90170.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90170.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90170.html

自己修改增强了对含有服务器代码的html文件的精简，即html里的<? ?> <% %>里的代码原封不动。
HTM标签内有PHP/ASP代码，加注释后缀：
<img <?php echo 'alt="禁用换行和中文"' //php?> <%=ASP(VBS) 'rem%> /*[tag]*/ />


minjshtm.cab.zip

专用win7+ie9的virtualbox虚拟机（建议选版本4.3.16）镜像下载链接：http://pan.baidu.com/s/1qWxbPN2 密码：dxzq


lxasp 2015-08-07 21:23 发表评论
]]>正则表达式判断密码复杂度(原生JavaScript)http://www.cnitblog.com/lxasp/archive/2015/07/31/90162.htmllxasplxaspFri, 31 Jul 2015 04:53:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/07/31/90162.htmlhttp://www.cnitblog.com/lxasp/comments/90162.htmlhttp://www.cnitblog.com/lxasp/archive/2015/07/31/90162.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90162.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90162.html 

<!DOCTYPE html>
<html>
<head>
    <title>正则表达式判断密码复杂度(原生JavaScript)</title>
</head>
<body>
<form id="form1" method="post" action="#">
    <div class="fmfs">
        <div class="fmf"><label>创建密码(至少6位):</label><br /><input type="password" id="i1" name="password" onblur="var r=this.value.length>=6?pwdRank(this.value):0;this.style.backgroundColor=(r==1?'#ccc':r==2?'#ff0':r==3?'#0f0':r==4?'#0ff':r==5?'#00f':'#fff');" /></div>
        <div class="fmf"><label>重复密码:</label><br /><input type="password" id="i2" name="password1" /></div>
    </div>
</form>
<pre>
<script>
/**
 * 正则表达式判断密码复杂度(原生JavaScript)
 *
 * @param {String} 输入明文密码
 *
 * @return {Number} 返回 1,2,3,4,5 个级别权重的复杂度
 *
 * @example
 *   document.write(
 *   pwdRank("ABCdefg1234")+'\n'+
 *   pwdRank("aaBB11__CCDDee")+'\n'+
 *   pwdRank("aaBB11__CCDD")+'\n'+
 *   pwdRank("abA1_")+'\n'+
 *   pwdRank("11_")+'\n'+
 *   pwdRank("111aaaAAA111aaaAAA")+'\n'+
 *   pwdRank("AAA___AAA___AAA__")+'\n'+
 *   pwdRank("0123456789123")+'\n'+
 *   pwdRank("012345678912346789")+'\n'
 *   );
 */
pwdRank=function(w){
    //取字符串长度
    var l=w.length,
    f=function(x,s){ //正则表达式判断函数
        return ((eval('/'+x+'/').test(s))?1:0)
    },
    //求和获得4种密码字符组合方式
    z=f('[0-9]',w)+f('[a-z]',w)+f('[A-Z]',w)+f('[\\W_]',w),
    //只有一种组合情况下长度11位或以上才加权重 --避免0123456789这种弱密码
    r=(l>10&&z==1)?z+1:z;
    //任何组合情况下但有多个重复字符串减权重
    if(r>1&&f('^(?:(\\w+)\\1+)+$|(\\w)\\2{2,}',w))r--;
    //多种组合长度12位或以上加权重,一种组合13位或以上加权重
    if((l>11&&z>1)||(l>12&&z==1))r++;
    //长度14位或以上再加权重
    if(l>13&&r<5)r++;
    return r;
};

document.write(
pwdRank("ABCdefg1234")+'\n'+
pwdRank("aaBB11__CCDDee")+'\n'+
pwdRank("aaBB11__CCDD")+'\n'+
pwdRank("abA1_")+'\n'+
pwdRank("11_")+'\n'+
pwdRank("111aaaAAA111aaaAAA")+'\n'+
pwdRank("AAA___AAA___AAA__")+'\n'+
pwdRank("0123456789123")+'\n'+
pwdRank("012345678912346789")+'\n'
);

</script>

1=很弱
2=普通
3=中等
4=较强
5=很强
</pre>
</body>
</html>




function isIDCardCn(idValue) {
    if (idValue.length != 18) return !1;
    var verifyGmsfhLast = function(sVal) {
            if (sVal.length != 18) return !1;
            var wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1],
                vi = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2],
                ai = [17],
                sum = 0,
                remaining = 0,
                verifyNum = "",
                i, m;
            for (i = 0; i < 17; i++) {
                ai[i] = parseInt(sVal.substring(i, i + 1), 10)
            }
            for (m = 0; m < ai.length; m++) {
                sum = sum + wi[m] * ai[m]
            }
            remaining = sum % 11;
            if (remaining == 2) {
                verifyNum = "X"
            } else {
                verifyNum = vi[remaining]
            }
            return verifyNum == sVal.substring(17, 18).toUpperCase()
        },
        a = idValue.match(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([\dXx])$/);
    if (a != null) {
        var D = new Date(a[2] + "/" + a[3] + "/" + a[4]),
            B = D.getFullYear() == a[2] && (D.getMonth() + 1) == a[3] && D.getDate() == a[4]
        if (!B) return !1;
    }
    return verifyGmsfhLast(idValue)
}
!function(s) {
    var i,r = "";
    for (i = 0; i < 100; i++) {
        if (i < 10 && isIDCardCn(s + '0' + i)) {
            r += s + '0' + i + "<br>"
        } else {
            if (isIDCardCn(s + i)) r += s + i + "<br>"
        }
    }
    for (i = 0; i < 10; i++) {
        if (isIDCardCn(s + i + "x")) r += s + i + 'X' + "<br>"
    }
    document.write(r);
}("1122331999112233");


lxasp 2015-07-31 12:53 发表评论
]]>在线压缩脚本代码 javascript-minifier.com cssminifier.comhttp://www.cnitblog.com/lxasp/archive/2015/07/20/90149.htmllxasplxaspMon, 20 Jul 2015 02:27:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/07/20/90149.htmlhttp://www.cnitblog.com/lxasp/comments/90149.htmlhttp://www.cnitblog.com/lxasp/archive/2015/07/20/90149.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90149.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90149.html在线压缩脚本代码 javascript-minifier.com cssminifier.com

lxasp 2015-07-20 10:27 发表评论
]]>禁止手机浏览器下网页全覆盖遮罩层底下的链接仍然可以点击的办法http://www.cnitblog.com/lxasp/archive/2015/07/18/90148.htmllxasplxaspFri, 17 Jul 2015 17:00:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/07/18/90148.htmlhttp://www.cnitblog.com/lxasp/comments/90148.htmlhttp://www.cnitblog.com/lxasp/archive/2015/07/18/90148.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90148.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90148.html<div style="display:none" id="ovyshare" onclick="void(0)"></div>要有个onclick挡住底层的事件!这样在手机浏览器下点击层底下的链接就不会触发了,在安卓版UC浏览器下点击层底下的链接会有色块变化,但不会触发事件了.

lxasp 2015-07-18 01:00 发表评论
]]>HTML5,CSS网页全覆盖遮罩实现方法（兼容IE6,IE7,IE8,IE9+,FF...还有流行的手机浏览器等）http://www.cnitblog.com/lxasp/archive/2015/06/28/90137.htmllxasplxaspSun, 28 Jun 2015 06:07:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/06/28/90137.htmlhttp://www.cnitblog.com/lxasp/comments/90137.htmlhttp://www.cnitblog.com/lxasp/archive/2015/06/28/90137.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90137.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90137.html<style type="text/css">/*<![CDATA[*/
/*ie6的下拉列表是最顶上的,当弹出层的时候,要隐藏掉,以免影响层的内容显示*/
select{
    _visibility:expression(document.getElementById("overlay2").style.display=="none"?"visible":"hidden");
}
/*ie6,ie7当滚动时层会抖动,以下代码就可以解决,如果有图片就改url里的地址*/
body {
    +background-image:url(about:blank);
    +background-attachment:fixed;
}

#overlay2 {
    background-color: #ccd;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3000;
/*ie6,ie7,ie8实现透明*/
    filter: alpha(opacity=50);
/*ie6,ie7自动定位,解决不支持position:fixed*/
    +position:absolute;
    +width:expression(eval(Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth)));
    +height:expression(eval(Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight)));
}
#popme1 {
    background-color: #efd;
    position: fixed;
    width: 90%;
    height: 250px;
    z-index: 3001;
    left:15px;
    top:15px;
    border:2px solid #396;
    clear:both;
/*ie6,ie7自动定位,解决不支持position:fixed*/
    +position:absolute;
    +width:expression(eval(Math.min(document.documentElement.scrollWidth,document.documentElement.clientWidth)*0.9));
    +top:expression(eval(document.documentElement.scrollTop+15));
    +left:expression(eval(document.documentElement.scrollLeft+15));
}

/*]]>*/</style>

以下 <a></a> 代码用于显示隐藏弹出层,将其复制到popme1内就是隐藏层在外部就是显示层
<a href="javascript:(function(){var n='none',b='block',d=document.getElementById('popme1').style,o=document.getElementById('overlay2').style;if(d.display==b){d.display=n;o.display=n;o.zIndex=3000}else{d.display=b;o.display=b;o.zIndex=1000}})();void(0)">show popup mask</a>

<div style="display:none" id="popme1">popme1</div>

<div style="display:none" id="overlay2" onclick="void(0)"></div>
整个html文件只需要一个overlay2，不管有多少个popme2 popme3 都是共用一个overlay2。以前还特地到处找jQuery插件来测试出效果，现在就以上一些纯粹CSS/JS代码就完美实现了。

lxasp 2015-06-28 14:07 发表评论
]]>JavaScript Vertical Marquee Line 新闻式滚动一行停留数秒后再滚动到下一行(纯JavaScript不用jQuery)http://www.cnitblog.com/lxasp/archive/2015/06/25/90133.htmllxasplxaspThu, 25 Jun 2015 03:05:00 GMThttp://www.cnitblog.com/lxasp/archive/2015/06/25/90133.htmlhttp://www.cnitblog.com/lxasp/comments/90133.htmlhttp://www.cnitblog.com/lxasp/archive/2015/06/25/90133.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/90133.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/90133.html<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
<style>/*<![CDATA[*/
.nl {
    height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
.nl div {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}
/*]]>*/</style>
</head>
<body>

<div id="n1" class="nl"><div>hello inner asp tpl 001</div>
<div>hello inner asp tpl 002</div>
<div>hello inner asp tpl 003</div></div>

<div id="n2" class="nl"><div>hello inner asp tpl 001</div><div>hello inner asp tpl 002</div></div>

<script type="text/javascript">/*<![CDATA[*/
vMarq=function(id,tag,heigh,speed,delay){
    var me=this;
    me.EL=document.getElementById(id);
    me.PA=0;
    me.TI=null;
    me.LH=heigh;
    me.SP=speed;
    me.DY=delay;
    me.exec=function(){
        if(me.PA)return;
        me.EL.scrollTop+=2;
        if(me.EL.scrollTop%me.LH<=1){
            clearInterval(me.TI);
            me.EL.appendChild(me.EL.getElementsByTagName(tag)[0]);
            me.EL.scrollTop=0;
            setTimeout(me.start,me.DY*1000);
        }
    };
    me.start=function(){
        if(me.EL.scrollHeight-me.EL.offsetHeight>=me.LH)me.TI=setInterval(me.exec,me.SP);
    };
    me.EL.onmouseover=function(){me.PA=1};
    me.EL.onmouseout=function(){me.PA=0};
    setTimeout(me.start,me.DY*1000);
};

new vMarq("n1","div",20,40,3);
new vMarq("n2","div",20,40,3);
/*]]>*/</script>

</body>
</html>

lxasp 2015-06-25 11:05 发表评论
]]>原创ASP框架：CVASP框架 201215D 发布！ASP依然可以那么优雅！http://www.cnitblog.com/lxasp/archive/2012/04/17/79003.htmllxasplxaspTue, 17 Apr 2012 07:59:00 GMThttp://www.cnitblog.com/lxasp/archive/2012/04/17/79003.htmlhttp://www.cnitblog.com/lxasp/comments/79003.htmlhttp://www.cnitblog.com/lxasp/archive/2012/04/17/79003.html#Feedback4http://www.cnitblog.com/lxasp/comments/commentRss/79003.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/79003.html ◇版本编号：201215D
◇核心字节：50222
◇核心文件：cvcorem.asp
◇英文名称：CVASP -- Controller View for ASP Framework
◇中文名称：CVASP框架
◇程序语言：VBScript
◇字符编码：GB2312, GBK, UTF-8
◇作者主页：http://cnitblog.com/lxasp

◆功能简介：
◇简便：
常用函数和类采用精简命名，书写代码更少。
提供几个下划线的代码生成工具：
_convutf8.asp 　　--用于转换中文为UTF编码用于AJAX
_mkcvatpl.asp 　　--用于生成编程时用的代码书写模板
_viewsrc.asp  　　--用于查看cvcore.asp的源代码注释
具体效果用IIS管理器运行一下就知道了。
数据库类提供原生ADODB的rs和conn对象实例给外部使用，
熟悉ADO的可不影响之前使用习惯。
提供常用的功能函数以及省心省力的类：
模板类、数据库类、分页类、字符串拼接类等
◇灵活：
核心代码库可以单独INCLUDE出来使用。
例如： <!--#INCLUDE FILE="cvinc/cvcorem.asp"-->
◇安全：
Cookie类使用乱序的Base64编码，可预防Cookie欺骗。
使用reqF和reqS函数封装了Request.Form和Request.QueryString，可预防SQL注入。
提供简洁有效的表单验证的系列函数： vcnull, vclen, vcsize, vcnum, vcdate
◇快速：
提供高性能的单层区块模板类，可结合缓存类一起使用。
提供高性能的字符串拼接类，例如 dim sc : set sc=new clsStrCat
提供数据库类支持GetRows格式二维数组的数据库读取操作
◇整洁：
提供模板类使得ASP(VBS)服务器代码与HTML界面代码分离。
核心仅提供常用且精炼的功能函数和类，扩展功能(HELPER)要用时才自己INCLUDE。

【CVASP框架下载】
cvinc.cab.zip

lxasp 2012-04-17 15:59 发表评论
]]>jQuery LiteLibs v201203http://www.cnitblog.com/lxasp/archive/2012/03/31/78465.htmllxasplxaspSat, 31 Mar 2012 10:12:00 GMThttp://www.cnitblog.com/lxasp/archive/2012/03/31/78465.htmlhttp://www.cnitblog.com/lxasp/comments/78465.htmlhttp://www.cnitblog.com/lxasp/archive/2012/03/31/78465.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/78465.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/78465.html基于 jQuery 1.3.2

常规功能插件　jquery.lxasplibs.js　有：
cookie
wresize
isMouseOver
thinCal + datetext
scrollto
modalform
tabs
cluetip
jdMenu
metadata
dimensions
positionBy
bgiframe
dragresize
textareaReHeight
querystring
jsonToString

扩展功能插件　jquery-lxasplibu.js　有（表单为主）：
validTip + validRules
cluetipDate
jNice
hScrollPane
tinyscrollbar
maskedinput
hotkeys


大小：173KB
57(jquery)+46(jquery.lxasplibs.js)+44(jquery-lxasplibu.js)+26(css+gif)

对比 jQuery UI (250KB) ， jQuery LiteLibs 可以实现的效果比其更多更实用！

【下载】 　　　　〖在线演示〗

其他演示效果请登录　领星动网信息系统开发平台　自行测试。


lxasp 2012-03-31 18:12 发表评论
]]>领星动网信息系统技术解决方案http://www.cnitblog.com/lxasp/archive/2012/03/11/78030.htmllxasplxaspSat, 10 Mar 2012 18:39:00 GMThttp://www.cnitblog.com/lxasp/archive/2012/03/11/78030.htmlhttp://www.cnitblog.com/lxasp/comments/78030.htmlhttp://www.cnitblog.com/lxasp/archive/2012/03/11/78030.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/78030.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/78030.html代码生成器信息系统开发技术解决方案：Template Engine + JSON + HTA + PHP/ASP/JSP/JS Framework

用户中心系统访问权限架构简述

访客:Guest
↓↓注册:Signup
↓↓登录:Login{Usr,Pwd}
个人:Person→登入:Enter{Usr,Pwd}→应用:App
｛
　　类目:Class
　　└模块:Modal
　　　└动作:Action［RecordsFilter:{组别:Group,分片:Place}］
　　　　└表单:Form［FieldsFilter:{下拉:GroupCombo,隐藏:GroupHide}］
　　　　└表格:Grid［纯列表:ListGrid、可编辑:EditGrid］
　｝

特点：简单、灵活、强大！

权限粒度严格细分
能够挂接多种系统
便于发现所需功能
不需要无限分类树
开发省力容易配置




一套信息系统开发的获得成功的三大要点：

一、前提：物资到位；

　　包括两方面——资金：周付工资（500--2000元/周）；硬件：室内安静、空调、暖气、办公桌、办公椅、电脑主机、笔记本、多个大屏幕显示器、服务器。

二、重点：跟踪到位（目前最欠缺的）；

　　提供一名或多名需求分析跟踪人员，提供开发人员任务提醒和开发质量监督，以及后勤支持包括：餐饮、娱乐、旅游等。买卖双方应该是互相服务，而不是单向地谁对谁服务的事情；除了卖方经理带买方的领导出去消费、娱乐、旅游，而且还要买方的跟踪人员带卖方的开发人员出去消费、娱乐、旅游。

三、保障：制度到位。

　　领导要足够重视信息系统在单位中的应用，制定与信息系统相关政策规章制度，促使业务流程围绕信息系统为中心畅通接轨，通过信息系统而去规范原有的业务流程，为系统推广使用扫清障碍。

这三要点是环环相扣，相互相承的。第一点没有的条件下是不可能有二、三点的，第二点没有做好的时候就不能先做第三点！目前最多的问题是第二点没有做好的情况下做了第三点，这样只会使得原有的业务流程出现更多突出问题！



2006-2017
Lead eXperience Application System Provider -- 领先体验应用系统提供者
Lead eXperience Application System Platform -- 领先体验应用系统平台

lxasp 2012-03-11 02:39 发表评论
]]>使用ADODB.Stream保存UTF-8文件js版http://www.cnitblog.com/lxasp/archive/2010/09/08/68720.htmllxasplxaspWed, 08 Sep 2010 15:51:00 GMThttp://www.cnitblog.com/lxasp/archive/2010/09/08/68720.htmlhttp://www.cnitblog.com/lxasp/comments/68720.htmlhttp://www.cnitblog.com/lxasp/archive/2010/09/08/68720.html#Feedback1http://www.cnitblog.com/lxasp/comments/commentRss/68720.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/68720.html    function textFileSaveU(FileUrl,Str){
        // HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\ActiveX Compatibility\{00000566-0000-0010-8000-00AA006D2EA4} Compatibility Flags = 0
        //try{
        var stm;
        stm = new ActiveXObject("ADODB.Stream.2.8");
        stm.LineSeparator=13;
        stm.Type=2;
        stm.Mode=3;
        stm.Charset="UTF-8";
        stm.Open();
        stm.WriteText(Str);
        stm.SaveToFile(FileUrl,2);
        stm.Close();
        //}catch(e){}
    }

lxasp 2010-09-08 23:51 发表评论
]]>自动新建目录 js 版 (javascript auto create folder | mkdir )http://www.cnitblog.com/lxasp/archive/2010/08/19/68235.htmllxasplxaspThu, 19 Aug 2010 00:56:00 GMThttp://www.cnitblog.com/lxasp/archive/2010/08/19/68235.htmlhttp://www.cnitblog.com/lxasp/comments/68235.htmlhttp://www.cnitblog.com/lxasp/archive/2010/08/19/68235.html#Feedback1http://www.cnitblog.com/lxasp/comments/commentRss/68235.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/68235.html    function autoMakeDir(strPath){
        try{
            var astrPath, ulngPath, i, strTmpPath;
            
            var fso = new ActiveXObject("Scripting.FileSystemObject");
            
            if (fso.FolderExists(strPath)) return true;
            
            astrPath = strPath.split("\\");
            ulngPath = astrPath.length;
            strTmpPath = "";
            for(i = 0 ; i<ulngPath ;i++ ){
                strTmpPath += astrPath[i] + "\\";
                if (!fso.FolderExists(strTmpPath))
                    fso.CreateFolder (strTmpPath);
            }
            return true;
        }catch(e){
            return false;
        }
    }

lxasp 2010-08-19 08:56 发表评论
]]>整理了一份日期时间字符串格式化的JS代码http://www.cnitblog.com/lxasp/archive/2009/09/01/61153.htmllxasplxaspTue, 01 Sep 2009 07:05:00 GMThttp://www.cnitblog.com/lxasp/archive/2009/09/01/61153.htmlhttp://www.cnitblog.com/lxasp/comments/61153.htmlhttp://www.cnitblog.com/lxasp/archive/2009/09/01/61153.html#Feedback4http://www.cnitblog.com/lxasp/comments/commentRss/61153.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/61153.html阅读全文

lxasp 2009-09-01 15:05 发表评论
]]>jQuery.thinCal --日历绘制日期时间选取插件http://www.cnitblog.com/lxasp/archive/2009/08/27/61013.htmllxasplxaspWed, 26 Aug 2009 17:24:00 GMThttp://www.cnitblog.com/lxasp/archive/2009/08/27/61013.htmlhttp://www.cnitblog.com/lxasp/comments/61013.htmlhttp://www.cnitblog.com/lxasp/archive/2009/08/27/61013.html#Feedback3http://www.cnitblog.com/lxasp/comments/commentRss/61013.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/61013.html
本插件严格控制代码的大小，目前的大小：
source code size: ~8kb , jsmin size: ~4kb

演示地址：
http://www.lxasp.com/jq/demo/datetimecal/calendar-demo2.htm
弹出选取的演示：
http://www.lxasp.com/jq/demo/datetimecal/cluetipDate-demo1.htm

【◆】预先准备：（不由本插件来做）

用DreamWeaver等HTML工具画一个7x7的表格
第一行作为标题，预先填好“日一二三四五六”

使用本插件的必要的网页元素：

◆HTML模板（有按钮、文本、7x7的表格“含标题:日一二三四五六”等）
◆显示本插件的目标DIV和相关CSS

◇这样一来，本插件就自然有了换肤、多语言功能。因为这些都交给使用此插件的开发者去做了，灵活性就当然不在话下了。

【◆】编程思路：（由本插件来做）

①输入一个日期时间(年,月,日,时,分,秒)，取得该月的1号是星期几

②在7x7表格从第二行起，按“该月的1号是星期几”填充日期“1”至到该月的最后一天（判断闰年等）


【◆】备注说明：
◆在箭头的按钮上，单击则加减1个数值，长按则连续加减，松开则停止加减
◆本插件输入和输出的日期时间是JavaScript的Date对象


【◆】暂时不会加入的功能：
◆不含日期字符串格式化函数，这个网上有很多版本，自己搜索
◆不会绑定某个input控件，因为有onChanged事件，自己加代码
◆不会作为浮动层弹出或拖动，因为有其他插件(ClueTip、Dialog等)能做到
◆不会验证日期格式的有效性和禁止选择某天，因为有强大的表单验证插件
◆不会加入两个日期范围之间的选择，本插件本身可以在一个页面多次使用
◆不会加入键盘控制功能，因为可以在input里输入和有表单验证插件来控制


lxasp 2009-08-27 01:24 发表评论
]]>简单的日期插件开发思路http://www.cnitblog.com/lxasp/archive/2009/08/25/60968.htmllxasplxaspTue, 25 Aug 2009 01:16:00 GMThttp://www.cnitblog.com/lxasp/archive/2009/08/25/60968.htmlhttp://www.cnitblog.com/lxasp/comments/60968.htmlhttp://www.cnitblog.com/lxasp/archive/2009/08/25/60968.html#Feedback1http://www.cnitblog.com/lxasp/comments/commentRss/60968.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/60968.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>简单的日期插件开发思路</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
<!--
.monthcal table { border-collapse:collapse ; border:none}
.monthcal table th {border:1px solid #ccc}
.monthcal table td {border:1px solid #ccc}
-->
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">//<!--

//取得每个月有多少天
function getDaysInMonth(month,year)  {
    var daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31];
    if ((month==1)&&(year%4==0)&&((year%100!=0)||(year%400==0))){
      return 29;
    }else{
      return daysInMonth[month];
    }
}


function caldraw1(yyyy,mm,dd){
    var $me=$("#cal1");
    
    //输入一个年、月、日，取得该月的1号是星期几
    var month1stday=new Date(yyyy,mm-1,1);            //取得日期
    var the1stweek=month1stday.getDay();            //取得星期
    var monthalldays=getDaysInMonth(mm-1,yyyy);        //取得天数
    var lastTdId=the1stweek+monthalldays;            //取得表格最后ID
    
    //填充th
    var ww=["日","一","二","三","四","五","六"];
    $("th",$me).each(function(i,n){
        $(n).text(ww[i]);
    });

    //填充td
    var k=0;
    $("td",$me).each(function(i,n){
        if (i>=the1stweek && i<lastTdId){
            $(n).text(++k);
            if(k==dd) $(n).css('font-weight','bold');
        }
    });
    
    $("#debug").val( yyyy+'.'+mm+'.'+dd + '\n\n' + $me.html() );
    
}

$().ready(function() {
    
    caldraw1(2009,8,25);
    
});


//-->
</script>
</head>
<body> 

<pre>
1.输入一个年、月、日，取得该月的1号是星期几

2,画一个7x7的表格
第一行为标题，填充:日一二三四五六

其他填充 id="d0" 至到 "d41"

</pre>


<div id="cal1" class="monthcal">
<table>
    <tr>
        <th scope="col"></th>
        <th scope="col"></th>
        <th scope="col"></th>
        <th scope="col"></th>
        <th scope="col"></th>
        <th scope="col"></th>
        <th scope="col"></th>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

</div>

<textarea id="debug" style="width:98%;height:500px"></textarea>

</body>
</html>

lxasp 2009-08-25 09:16 发表评论
]]>jQuery 插件代码编写模板 jQuery-Plugin-Templatehttp://www.cnitblog.com/lxasp/archive/2009/08/22/60923.htmllxasplxaspSat, 22 Aug 2009 06:23:00 GMThttp://www.cnitblog.com/lxasp/archive/2009/08/22/60923.htmlhttp://www.cnitblog.com/lxasp/comments/60923.htmlhttp://www.cnitblog.com/lxasp/archive/2009/08/22/60923.html#Feedback1http://www.cnitblog.com/lxasp/comments/commentRss/60923.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/60923.htmlhttp://www.lxasp.com/dbbs/a/a.asp?B=101&ID=13

/*
@name: jQuery Plugin Template for Coding
*/
;(function($) {//[--jQuery Plugin Container

//declare the plugin's version ; use to check the plugin exists
$.__plugin_name__ = $.__plugin_name__ || {version:'0.1.0'};

//[--Plugin Define
var __plugin_name__ = function(node,opts) {

    var me=this,$me=$(this);
    var $mine=$(node); //get the plugin's Operation jQuery DOM Element

    //Public Methods
    $.extend(me, {
        show: function() {
            __show__();
        },
        hide: function() {
            __hide__();
        },
        options: function() {
            //return the preset options to users code
            //let users can be change options by later code
            return opts;
        }
    });

    //Private Variables ( Module Level )
    var m_var1, m_var2, m_var3;

    //init the plugin
    function __init__(){
        alert('jQuery Plugin init');
        if (opts.autoShow) __show__();
    }
    __init__();

    //Private Functions
    function __show__(){
        //function code
        $mine.text('Hello jQuery Plugin !');
        //call the event
        opts.onShow(me,opts);
    }

    function __hide__(){
        //function code
        $mine.text('');
        //call the event
        opts.onHide(me,opts);
    }


};//--]Plugin Define


//jQuery Plugin Implementation
$.fn.__plugin_name__ = function(conf) {

    //return existing instance // let users can use the Public Methods
    //Usage: var obj = $('#id').__plugin_name__({ <options> }).data("__plugin_name__");
    var el = this.eq(typeof conf == 'number' ? conf : 0).data("__plugin_name__");
    if (el) { return el; }

    //setup default options
    var opts = {
        autoShow:true,
        onShow:function(e,o){},
        onHide:function(e,o){},
        api:false
    };

    //if no users options then use the default options
    $.extend(opts, conf);

    // install the plugin for each items in jQuery
    this.each(function() {
        el = new __plugin_name__(this, opts);
        $(this).data("__plugin_name__", el);
    });

    //api=true let users can immediate use the Public Methods
    return opts.api ? el: this;

};


})(jQuery);//--]jQuery Plugin Container


lxasp 2009-08-22 14:23 发表评论
]]>jquery.floatFix 仿MSN右下角提示窗口(XHTML+JQUERY版本)http://www.cnitblog.com/lxasp/archive/2009/08/22/60922.htmllxasplxaspSat, 22 Aug 2009 04:33:00 GMThttp://www.cnitblog.com/lxasp/archive/2009/08/22/60922.htmlhttp://www.cnitblog.com/lxasp/comments/60922.htmlhttp://www.cnitblog.com/lxasp/archive/2009/08/22/60922.html#Feedback1http://www.cnitblog.com/lxasp/comments/commentRss/60922.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/60922.html仿MSN右下角提示窗口(XHTML+JQUERY版本)
有“关闭”、“最小化”、“还原”功能，支持固定滚动位置
XHTML+CSS+JQUERY 支持 IE,FF,Google 浏览器

2:09 2009-8-21 初步改写
18:24 2009-8-21 初步写好插件
22:27 2009-8-21 基本完成 version: 0.8.12


相关描述:( 关键词 / KEYWORD ) Outlook like Message Notification / MSN Messenger like Popup Tip Box on the Right Bottom of the Screen / Window Corner

特色功能：
初始时最小化，鼠标移入则还原大小，鼠标离开则最小化
更改固定位置:
[7][8][9]
[4][5][6]
[1][2][3]
[单击显示]
[单击隐藏]
[初始最大化(不能缩放)] [初始最小化(自动缩放)]
[最大化] [最小化]
[无特效] [特效1] [特效2] [特效3]
[透明50%] [不透明]
[显示5秒后消失]

http://www.lxasp.com/jquery/

Outlook like Message Notification / MSN Messenger like Popup Tip Box on the Right Bottom of the Screen/Corner = jquery.floatFix(lxasp's code)

 

[jquery.floatFix Demo1] with jquery.floatFix plugin's default

 

[jquery.floatFix Demo2] with jquery.floatFix plugin controlling two boxes

 

[jquery.floatFix Demo3] with jquery.floatFix plugin ( flexible position / customize )

 



lxasp 2009-08-22 12:33 发表评论
]]>jQuery LiteLibs by LXASP -- 领星动网JQ简实开发库http://www.cnitblog.com/lxasp/archive/2009/08/12/60758.htmllxasplxaspWed, 12 Aug 2009 06:56:00 GMThttp://www.cnitblog.com/lxasp/archive/2009/08/12/60758.htmlhttp://www.cnitblog.com/lxasp/comments/60758.htmlhttp://www.cnitblog.com/lxasp/archive/2009/08/12/60758.html#Feedback0http://www.cnitblog.com/lxasp/comments/commentRss/60758.htmlhttp://www.cnitblog.com/lxasp/services/trackbacks/60758.htmlhttp://www.lxasp.com/jquery/

 

jQuery UI (其实也是个插件集成库)过于庞大而且不好分离。

因此本人就根据自己的使用，整理了这个jQuery简化的常用代码库。

 

常用公共组件

 

数据外储

jquery.metadata.js

将json数据内置于class 使得被代码来调用

 

热键控制

jquery.hotkeys.js

 

 

坐标定位

jquery.dimensions.js

这个插件均有被其他插件调用到

 

控件拖放

jquery.dragresize.js

有用到dimensions

 

控件滚动

jquery.scrollto.js

 

常用效果插件

 

提示文字和下拉列表

jquery.cluetip.js

有用到dimensions 有用到metadata

 

选项卡标签页TAB切换

jquery.toolstabs.js

内部自带有history组件

 

页内弹出对话框

jquery.modalform.js

有用到dimensions 有用到dragresize

 

 

 

 

◇以上暂时就叫做“基本插件”集成后的总大小: 40KB

 

 

 

 

较大插件(分离出来需要时再手动加载)

 

表单验证

jquery.validate.js

30KB

 

日期时间控件(非jQuery)

jscalendar.js

38KB

 

◇仅一个插件都有30KB，所以认为是较大插件。这里所说的大小都是jsmin最小化后的大小。



lxasp 2009-08-12 14:56 发表评论
]]>