그누보드 기본 모바일 페이지에서 기존의 최신글 부분을 리마크하고
왼쪽처럼 그룹으로 메뉴를 만들었는데여
오른쪽처럼 그룹게시판 아이콘을 누루면
그룹아이콘 사이에
선택 그룹아이콘에 해당되는
메뉴게시판 아이콘이 나오도록 하려면 어떻게 해야할지...
Copy
// 사용방법 // latest(스킨, 게시판아이디, 출력라인, 글자수); //echo latest('theme/basic', $row['bo_table'], 5, 25);}?> <style>ul{ list-style:none; }.main_menu {width:100%; height:350px; margin:auto; margin-top:1px; }.main_menu>ul {width:100%; height:350px; background:#fff; padding:0 0 0 20px; }.main_menu>ul>li {display:inline-block; width:33.33%; height:120px; margin-right:5px; position:relative;}.main_menu ul li a:hover{color:#000; background:#fc0}</style><div class='main_menu'> <ul> <li> <a href ='http://w3.orangesam.com/bbs/group.php?gr_id=ing' > <img src ='/img/A02.gif' title ='공유'> <br> 공유</a> </li> <li> <a href ='http://w3.orangesam.com/bbs/group.php?gr_id=comm' > <img src ='/img/A03.gif' title ='커뮤니티'> <br> 커뮤니티 </a> </li> <li> <img src ='/img/A05.gif' title ='이벤트'> <br> 이벤트 </li> </ul></div> <?phpinclude_once(G5_THEME_MOBILE_PATH.'/tail.php');
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
그림자밟기테스트는 안해봤습니다만,
대략 아래 코드 처럼 자바스크립트로 클릭시 div를 보이게 처리하면 될 듯 합니다.
Copy
<style>.display_none {display:none}</style><div class='main_menu'> <ul> <li> <img src ='/img/A02.gif' title ='공유' class="mtab" target="tab_1"><br>공유 <div class="display_none" id="tab_1"> <a href="게시판링크">핫플레이스</a> <a href="게시판링크">할인정보</a> </div> </li> <li> <img src ='/img/A03.gif' title ='커뮤니티' class="mtab" target="tab_2"><br>커뮤니티 <div class="display_none" id="tab_2"> <a href="게시판링크">자유게시판</a> <a href="게시판링크">기타기타</a> </div> </li> <li> <img src ='/img/A05.gif' title ='이벤트'> <br> 이벤트 </li> </ul></div><script> $(".mtab").click(function(){ var tab_id = $(this).attr("target"); $('#'+tab_id).toggle(); });</script>답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.