블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

 «  » 2025.1
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Category

Recent Post

Recent Comment

Archive

2009. 11. 9. 12:17 .Net Project/Jquery 1.3.2

19장 JQuery 폰트 늘리기 및 줄이기 ( CSS )

반응형
 CSS.htm
- 폰트 늘리기 및 줄이기
   1. 본문 영역을 변수에 담기
   2. 본문영역의 폰트 사이즈 가져오기
   3. 문자열을 제외한 16만 가져오기
   4. 단위를 가져오기
   5. 늘리기




반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

21장 JQuery 콜백 ( CallBack )  (0) 2009.11.09
20장 JQuery 브라우저 ( Browser )  (0) 2009.11.09
18장 JQuery 메서드 한번만 실행 ( One() )  (0) 2009.11.06
17장 JQuery 마우스 오버와 아웃 처리 ( Mouse Hover() )  (0) 2009.11.06
16장 JQuery 토글 ( Toggle() )  (0) 2009.11.06
posted by Magic_kit
2009. 11. 6. 14:37 .Net Project/Jquery 1.3.2

18장 JQuery 메서드 한번만 실행 ( One() )

반응형
 One.htm
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

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

<head>

    <title> One() 메서드 한번만 실행 </title>

    <style type="text/css">

        .redColor { color:Red;}

    </style>

    <script src="../jquery-1[1].3.2-vsdoc2.js"
            type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            //[!] bind(), click() 메서드와 달리 one()메서드는 딱한번만 
            // 실행 되고, 이벤트 해제  

            $("#my .hover").one("click", function () { alert('한번만'); });

 

        });

    </script>

</head>

<body>

<div id="my">

    <input type="button" id="btn" value="버튼" class="hover" />

</div> 

</body>

</html>





반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

20장 JQuery 브라우저 ( Browser )  (0) 2009.11.09
19장 JQuery 폰트 늘리기 및 줄이기 ( CSS )  (0) 2009.11.09
17장 JQuery 마우스 오버와 아웃 처리 ( Mouse Hover() )  (0) 2009.11.06
16장 JQuery 토글 ( Toggle() )  (0) 2009.11.06
15장 JQuery 토글 클래스 ( ToggleClass() )  (0) 2009.11.06
posted by Magic_kit
2009. 11. 6. 14:35 .Net Project/Jquery 1.3.2

17장 JQuery 마우스 오버와 아웃 처리 ( Mouse Hover() )

반응형
 MouseHover.htm


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Mouse Hover() 로 마우스 오버와 아웃을 동시 처리 </title>
    <style type="text/css">
        .redColor { color:Red;}
        .hover { cursor:hand; background-color:Yellow;}
       
       
    </style>
    <script src="../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
         //$('table tr:gt(0) 필터 메서드 사용하여 제목에는 해제하여 주고자 할경우 사용
            $('table tr').hover(function () { $(this).addClass('hover'); },
                 function () { $(this).removeClass('hover'); });

        });
    </script>
</head>
<body>
<div>
<table border="2" align="center" Height="150px" >
    <tr>
        <td>글 번호</td>
        <td>제목</td>
        <td>작성자</td>
        <td>작성날짜</td>
        <td>IP주소</td>
       
    </tr>

    <tr>
        <td>1</td>
        <td>안녕하세요</td>
        <td>김용원</td>
        <td>2009-11-06</td>
        <td>192.168.10.17</td>
    </tr>
   
    <tr>
        <td>2</td>
        <td>안녕하세요 만나서 반가워요</td>
        <td>주국원</td>
        <td>2009-11-05</td>
        <td>192.168.10.17</td>
    </tr>

    <tr>
        <td>3</td>
        <td>안녕하세요 다음에 또 만나요</td>
        <td>이둔철</td>
        <td>2009-11-08</td>
        <td>192.168.10.17</td>
    </tr>
   
    <tr>
        <td>4</td>
        <td>안녕하세요 다음에 또 만나요</td>
        <td>Agent</td>
        <td>2009-11-08</td>
        <td>192.168.10.18</td>
    </tr>   
</table>
    <div align="center" >
        <input id="btnList" type="button" value="목록" />
        <input id="btnWrite" type="button" value="글쓰기" />
    </div>
</div>
</body>
</html>





반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

19장 JQuery 폰트 늘리기 및 줄이기 ( CSS )  (0) 2009.11.09
18장 JQuery 메서드 한번만 실행 ( One() )  (0) 2009.11.06
16장 JQuery 토글 ( Toggle() )  (0) 2009.11.06
15장 JQuery 토글 클래스 ( ToggleClass() )  (0) 2009.11.06
14장 JQuery 슬라이스 ( Slice() )  (0) 2009.11.06
posted by Magic_kit
2009. 11. 6. 14:31 .Net Project/Jquery 1.3.2

16장 JQuery 토글 ( Toggle() )

반응형
 Toggle.htm
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

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

<head>

    <title>Toggle() 메서드 토클링</title>

    <style type="text/css">

       .hidden { display:none;}

    </style>

    <script src="../jquery-1[1].3.2-vsdoc2.js"
            type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $("#btn").toggle(

                function () { $('#myLayer').addClass("hidden"); },

                function () { $('myLayer').removeClass("hidden"); }

               

                );

        });

    </script>

</head>

<body>

<h3> 버튼을 클릭할때마다 보이기/숨기기</h3>

<input id= "btn" type="button" value="버튼" /> 

<div id="myLayer" style="background-color:Yellow;">

     안녕 !!!!

</div> 

</body>

</html> 





반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

18장 JQuery 메서드 한번만 실행 ( One() )  (0) 2009.11.06
17장 JQuery 마우스 오버와 아웃 처리 ( Mouse Hover() )  (0) 2009.11.06
15장 JQuery 토글 클래스 ( ToggleClass() )  (0) 2009.11.06
14장 JQuery 슬라이스 ( Slice() )  (0) 2009.11.06
13장 JQuery 필터 활용 ( Filter() )  (0) 2009.11.06
posted by Magic_kit

티스토리툴바