jQuery | javascript | CSS

75.jQuery - selectTable()로 개체 선택하기 ( 11.UI )

Godffs 2009. 11. 17. 13:45
반응형
선택한 개체를 표시하는 예제입니다.

04.Selectable.htm

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>개체 선택</title>

    <style type="text/css">

        .ui-selected { background-color:Yellow;color:Black; }

    </style>

   

    <script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script src="jquery-ui-1.7.2.custom/js/jquery-ui-1.7.2.custom.min.js"

        type="text/javascript"></script>

   

    <script type="text/javascript">

        $(document).ready(function() {

            $('ul').selectable(); // 선택

        });

    </script>

</head>

 

<body>

    <ul>

        <li>XHTML</li>

        <li>CSS</li>

        <li>JavaScript</li>

    </ul>

</body>

</html>


결과화면

[그림75-1]



반응형