[jQuery] jQuery를 이용한 최근게시물보기(Latest) v1.0

탭을 이용하여 최근게시물을 카테고리 별로 출력해주는 것은 많은 사이트의 메인페이지에서 사용됩니다. 그래서 이번에는 jQuery를 이용하여 최근게시물을 작업해보았습니다. jQuery의 편리하 Selector를 이용하며 간당하게 구성하였습니다. <h3> 태그를 이용하여 카테고리의 타이틀을 표현했고 unordered list 를 이용하여 게시물을 출력하였습니다. 그리고 more 링크는 현재 표현되어 있는 게시판으로 이동하는 기능을 수행하도록 작업되었습니다.

<h3><a href="#" id="latest1" onmouseover="latest_action(1);" onfocus="latest_action(1);">메뉴1</a></h3>
<ul class="list" id="list1">
    <li><a href="#">게시글 11 입니다.</a></li>

    <li><a href="#">게시글 12 입니다.</a></li>
    <li><a href="#">게시글 13 입니다.</a></li>
    <li><a href="#">게시글 14 입니다.</a></li>
</ul>
<p class="more" id="more1"><a href="#more1">more</a></p>