제이쿼리 모바일 버튼 디자인 아이콘

제이쿼리 모바일 버튼 디자인 아이콘

제이쿼리 모바일을 사용하면 좋은 점이 있습니다.

혹시 부트스트랩도 사용해보셨나요?

디자인을 못하는 개발자에게는 부트스트랩이나 제이쿼리 모바일을 이용하면 어느 정도 디자인이 된 것 작품을 만들 수 있다는 것입니다.

그야말로 짜집기만 잘하면 퀄리티 높은 제품을 만들 수 있습니다.

그럼 input 객체나 하이퍼링크를 버튼형식으로 사용하면서 아이콘을 넣는 방법을 알아볼게요.

이미 제이쿼리 모바일에서 제공 되는 것이니 사용하면 편리합니다.

<input type='button' name='' id='' value='코드' data-icon="arrow-u">

굵은 글씨 부분을 이용하면 되요. 제이쿼리 모바일 라이브러리를 링크하면 자동으로 많은 디자인이 되지만 조금은 세세한 것은 직접 css를 조절하시면 됩니다. 

제이쿼리 모바일을 이용하여 멋들어진 모바일웹을 만들어보세요.

아래는 사용 코드들입니다.