클릭시 버튼 고정적으로 변화하고 싶습니다 채택완료
여분필드로 인원란을 만들어서
<div class="fz_lank">
<span style="padding:3px;"><th scope="col"><?php echo subject_sort_link('wr_3', $qstr2.'&sca='.urlencode($sca), 1) ?>
<span style="color:#4c4e4d">인원순 </th></span>
</div>
게시판 상단에 인원순 버튼 하나 만들었는데요
카테고리 처럼 눌렀을시 고정적으로 색이 변화된 상태로 만들고 싶습니다
이런식으로
<li><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=ev1"
<?php if ($bo_table=='ev1') { ?> class="gnb_sl"<?php } ?>>홈페이지 </a></li>
조건을 줘서 넣을수는 없을까요?
<script>
$(document).ready(function() {
$(".fz_lank span").click(function() {
$(this).addClass("gnb_sl");
});
});
</script>
현재 상태는 이거인데
클릭시에만 잠깐 스타일이 들어갑니다
고정적으로 바꾸고 싶습니다 도움좀 부탁드립니다 ~
답변 3개
소스 혼잡을 피하기 위해 추천 드렸던 방법입니다.
이런걸 말씀하시나요?
<?php
$css_gnb_sl = '';
if ($bo_table=='ev1') {
$css_gnb_sl = '$(this).addClass("gnb_sl")';
}
?>
<script>
$(document).ready(function() {
<?php echo $css_gnb_sl; ?>
$(".fz_lank span").click(function() {
$(this).addClass("gnb_sl");
});
});
</script>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
css 를 사용하는 방법입니다.
</p><p><!DOCTYPE html></p><p><html></p><p> <head></p><p> <meta chartset="UTF-8" /></p><p> <style type="text/css"></p><p> nav ul { list-style-type: none; }</p><p> nav ul li { float: left; }</p><p> nav ul li a { padding: 0.5em 2.0em; background-color: #eee; }</p><p> nav ul li a:link { color: #000; text-decoration: none; }</p><p>
</p><p> nav ul li a:visited[href="?a=1"] { color: #f00; }</p><p> nav ul li a:visited[href="?a=2"] { color: #0f0; }</p><p> nav ul li a:visited[href="?a=3"] { color: #00f; }</p><p> nav ul li a:visited[href="?a=4"] { color: #ff0; }</p><p>
</p><p> nav ul li a:hover { background-color: #ddd; }</p><p>
</p><p> nav ul li a:active[href="?a=1"] { color: #f00; }</p><p> nav ul li a:active[href="?a=2"] { color: #0f0; }</p><p> nav ul li a:active[href="?a=3"] { color: #00f; }</p><p> nav ul li a:active[href="?a=4"] { color: #ff0; }</p><p> </style></p><p> </head></p><p> <body></p><p> <nav></p><p> <ul></p><p> <li><a href="?a=1">1</a></li></p><p> <li><a href="?a=2">2</a></li></p><p> <li><a href="?a=3">3</a></li></p><p> <li><a href="?a=4">4</a></li></p><p> </ul></p><p> </nav></p><p> </body></p><p></html></p><p>댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
잘못봤어요 집에가서 트라이 해보겠습니다 답변 감사합니다