封了一个表格排序类。。。。。

傷城~ 2022-08-24 04:17 15阅读 0赞

<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title></title>  
</head>  
  
<body>  
<script type="text/javascript" >  
  
var vml = \{  
    node : null,  
    $c   : function()\{  
        this.node = document.createElement('<vml:shape class="vml">');  
        return this;  
    \},  
    attr : function(config)\{  
        for(var i in config)      
            this.node.setAttribute(i,config\[i\]);  
        return this;      
    \},  
    css  : function(config)\{  
        var str = "";  
        for(var i in config)  
            str +=  i == "opacity" ? ("filter:alpha(opacity="+ config\[i\] \* 100+");"):(i+":"+config\[i\]+";");  
        this.node.style.cssText = str;  
        return this;  
    \},  
    appendTo : function(p)\{  
        this.node!==null&&p&&p.appendChild(this.node);  
        return this;  
    \}  
\}  
  
  
window.onload = function()\{  
    document.createStyleSheet().addRule(".vml", "behavior:url(\#default\#VML);display:inline-block;");  
    if (!document.namespaces.vml && !+"/v1")\{  
        document.namespaces.add("vml", "urn:schemas-microsoft-com:vml");  
    \}  
    vml.$c().attr(\{  
        'strokewidth' : 1,  
        'fillcolor': 'red',  
        coordsize : '1000,1000',  
        'path': 'M 0 0 L 500 0 L 500 500 x'  
    \}).css(\{  
        position:"absolute",  
        left:'0px',  
        top:'0px',  
        display :'inline-block',  
        width:"100px",  
        height:"100px"  
    \}).appendTo(document.getElementById('ss'));  
  
\}            
</script>  
<div id='ss' style="height:100px; width:100px; border:1px solid \#0000FF; background-color:\#FFFF00; position:relative;"></div>  
<br>  
<div id='sss' style="height:100px; width:100px; border:1px solid \#0000FF; background-color:\#FFFF00; position:relative;"></div>  
</body>  
</html>