본문 바로가기

강좌/jQuery

제이쿼리(jQuery) - 트리구조 만들기

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>

<meta http-equiv="content-type" content="text/html;" charset="utf-8" >

        <title> jquery </title>

<style>

   fieldset{

   width:250px;

}

</style>

<script src="http://code.jquery.com/jquery-1.7.2.js"></script>

    </head>


    <body>

   <fieldset>

   <legend>트리뷰 구현</legend>

<ul>

   <li>네이버</li>

<li>야후코리아</li>

<li>구글코리아</li>

   <ul>

<li>구글부산</li>

   <li>구글서울</li>

   <ul>

   <li>구글서울중구</li>

<li>구글서울서대문구</li>

<li>구글서울동작구</li>

</ul>

</li>구글인천</li>

</ul>

</li>

</ul>

</fieldset>

</body>

</html>