jQuery 예제 모음

시삽: 레드플러스 님 
게시판 이동:
 제목 : jQuery UI sortable()과 resizable()
글번호: 7
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2012/05/16 오전 10:58:53
조회수: 5552
<!DOCTYPE html>

<html lang="ko">
<head>
    <meta charset="utf-8" />
    <title>Sortable & Resizable</title>
    <link href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        #theResize { width: 150px; height: 150px; border:1px solid red; }
    </style>
    <script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#theSort").sortable({ axis: "y" });
            $('#theResize').resizable({ aspectRatio:true });
        });
    </script>
</head>
<body>
    <h1>jQuery UI Interactions</h1>
    <h3>Sortable & Resizable</h3>

    <div>
        <ul id="theSort">
            <li>JavaScript</li>
            <li>jQuery</li>
            <li>C#</li>
            <li>ASP.NET</li>
        </ul>
    </div>

    <div id="theResize">
        안녕하세요. 반갑습니다. 또 만나요.
    </div>

</body>
</html>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 jQuery Mobile - 처음으로 작성해 보는 jQuery Mobile 웹 페이지 - Administrator 2012-05-16 5422
현재글 jQuery UI sortable()과 resizable() - Administrator 2012-05-16 5552
다음글 jQuery UI의 draggable() 메서드의 주요 옵션 적용해 보기 - Administrator 2012-05-15 13421
 
손님 사용자 Anonymous (손님)
로그인 Home