Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thomasjang/ax5

JS Touch UI Library
https://github.com/thomasjang/ax5

Last synced: 3 days ago
JSON representation

JS Touch UI Library

Awesome Lists containing this project

README

        

[![axisj-contributed](https://img.shields.io/badge/AXISJ.com-OpensourceJavascriptUILibrary-green.svg)](https://github.com/axisj) ![](https://img.shields.io/badge/Seowoo-Mondo&Thomas-red.svg)

# ax5

Optimized for modern browsers Javascript dom Control / Touch UI library

## link
- [API테스터] (http://ax5.io)
- [API JSDOC] (http://ax5.io/jsdoc)
- [API SAMPLE] (http://ax5.io/samples)

## Install
```html


ax5

```

## ax5.dom
```html



(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/>') );
})();

```