사이트 내 전체검색
HTML,CSS,레이아웃
0 (/P)
버튼의 data 를 기준으로 class on,off 처리
하우코드
https://tto.kr/tip_html/295 URL이 복사되었습니다.

본문

<button data='clear' class='btn3'>화면지움</button>

<button data='subject1' class='btn3'>주제1</button>

<button data='subject2' class='btn3'>주제2</button>

<button data='intro' class='btn3'>시작화면</button>

<button data='change' class='btn3'>전환</button>

<button data='bank' class='btn3'>후원안내</button>

<button data='hello' class='btn3'>소개영상</button>

<button data='bye' class='btn3'>방송끝</button>


<script>

$(".btn3").removeClass('on');

$('.btn3[data=<?php echo $cur_cmd?>]').addClass('on');

</script>


<style>

.btn3 {

font-size:1.5em;

height:4em !important;

width:3.5em !important;

padding:7px;margin:5px;

float:left;

}

.btn3.on {

color:#FFF;

background:blue;

}


.btn3:hover {

color:#FFF;

background:blue;

}

</style>


댓글목록

등록된 댓글이 없습니다.

HTML,CSS,레이아웃
287 (1/12P)

Search

Copyright © 하우코드 44.192.247.184