728x90
반응형
JQuery 로 구현한 탭 이벤트
<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.12.custom.min.js"></script>
<link type="text/css" href="/js/css/ui-lightness/jquery-ui-1.8.12.custom.css" rel="stylesheet" />
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#tabs").tabs();
});
//-->
</script>
<body>
<div id="tabs">
<ul>
<li><a href="#chart_div">차트</a></li>
<li><a href="#table_div">테이블</a></li>
<li><a href="#test_div">테스트</a></li>
</ul>
<div id="chart_div">This is a Chart Page</div>
<div id="table_div">This is a Table Page</div>
<div id="test_div">This is a Test Page</div>
</div>
</body>
728x90