ax5

JS Touch UI Library

Comment

axisj-contributed

ax5

Optimized for modern browsers Javascript dom Control / Touch UI library

link

Install

<head>
    <meta charset="UTF-8"/>
    <title>ax5</title>
    <u><script type="text/javascript" src="pub/ax5.min.js"></script></u>
</head>

ax5.dom

<div id="div-ax5-dom-css" class="script-result">
    <div class="target-div"></div>
</div>
<script>
    (function(){
        var util = ax5.util, el = ax5.dom("#div-ax5-dom-css");
        var po = [];

        // 인자값을 문자열로 했을 땐 get
        po.push( 'el.css("width") => ' + el.css("width") );

        var target_div = el.find(".target-div");

        // 인자값을 Object로 했을 땐 set
        target_div.css({height:50, background:"#ccc", margin:"10px", "text-align":"center", "line-height":50, border:"2px solid #000", "border-radius":10});
        po.push( 'target_div.css("height") => ' + target_div.css("height") );
        target_div.html("height: 50px;");

        // 한번에 여러개의 속성 가져오기
        po.push( util.to_json( target_div.css(["width","height","border"]) ) );
        el.append( po.join('<br/>') );
    })();
</script>

Built With

Share this project:

Updates