HTML CCC/JS(jQuery) 비교

HTML

Touch button

CSS :

.btn {
   text-indent: -9999px;
   display: block;
   width: 200px; /* 버튼 넓이 */
   height: 50px; /* 버튼 높이 */
   background: transparent url(img/button.png) no-repeat;
}
.btn:active {
   background: transparent url(img/button_press.png) no-repeat;
}

jQuery(JS)

.btn { /* 위와동일 */
   text-indent: -9999px;
   display: block;
   width: 200px;
   height: 50px;
   background: transparent url(img/button.png) no-repeat;
}
.btn.active { /* :active를 .active로 수정 */
   background: transparent url(img/button_press.png) no-repeat;
}

http://goo.gl/86fR  WebDevMobile 웹 개발 모바일