WEB

텝메뉴 (NO bootstrap)

by 꽃지닷컴 posted Apr 13, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

//이미지 1

//이미지 2

//이미지 3

 

 

 

<script type="text/javascript">
jQuery(function(){
 jQuery( "#tabs" ).tabs();
});
</script>
<div id="tabs">
    <ul>
        <li><a href="#tabs-1">탭1</a></li>
        <li><a href="#tabs-2">탭2</a></li>
        <li><a href="#tabs-3">탭3</a></li>
    </ul>
    <div id="tabs-1">
        //이미지 1
   </div>
    <div id="tabs-2">
        //이미지 2         
    </div>
    <div id="tabs-3">
         //이미지 3        
    </div>
 </div>

 

css 설정하여 꾸민다.

Who's 꽃지닷컴

profile

Respect yourself and others will respect you

- 창의적 사고를 하자!

- 소규모 웹사이트 제작 및 수정 (24시간 항시대기)