그누보드 QA - 고난이도라 여쭤봅니다.


<script>
$(function () {
    var tabs_in = document.querySelectorAll('.tab_nav li');
    var links_selector = [
        '.tab_container ul.slides :not(li.clone) div.latest_mq1 tr:first-child td.subject a',
        '.tab_container ul.slides :not(li.clone) div.latest_mq1 li:first-child .thumbArea a'
    ];
    document.querySelectorAll(links_selector.toString()).forEach((el, i) => {
        var href = el.href;
        href = href.substring(0, href.lastIndexOf('/'));
        var a = document.createElement('a');
        a.href = href;
        a.textContent = tabs_in[i].firstChild.nodeValue;
        a.onclick = function (evt) { evt.stopPropagation(); }
        tabs_in[i].replaceChild(a, tabs_in[i].firstChild);
    });
});
</script>

웅프 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2023-10-03 21:55:29 114.♡.♡.193

해당 탭 소스를 보여주세요

Mins아빠 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2023-10-03 22:08:29 180.♡.♡.158

이건 해당 부분을 flexslider라는 자바스크립트로 만든것 입니다.

클릭시 해당 레이어가 보이도록요.

토탈밀리터리 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2023-10-04 01:04:43 122.♡.♡.236

/* 탭 */
.tab_nav{position:relative; margin-bottom:8px; overflow:hidden;}
.tab_nav ul{list-style:none; margin:0; padding:0;}
.tab_nav li{float:left; width:25%; height:36px !important; line-height:36px !important; background-color:#f5f5f5; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; font-size:14px; font-weight:800; color:#666; font-weight:normal; cursor:pointer; z-index:10; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.tab_nav li:first-child{border-radius:4px 0 0 0;}
.tab_nav li:last-child{border-radius:0 4px 0 0; border-right:1px solid #e0e0e0;}
.tab_nav li.flex-active{border-bottom:0; color:#333; font-weight:800; background-color:#fff; cursor:pointer;}
.tab_container{position:relative; float:left;}