Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 크로스 컴파일
- SQL Injection
- submit
- include
- jquery 레이어
- 시놀로지
- javascript
- 무선랜카드
- euc-kr
- FileSystemObject
- DS718+
- AC1300
- lsusb
- replace
- readonly
- PHP GCM
- Getrows
- utf-8
- RTL88x2BU
- disabled
- jQuery
- ASP
- Injection
- 커널
- synology
- form
- 따라다니는 배너
- println
- XMLHTTP
- ajax
Archives
- Today
- Total
아는 것이 좋은 것이다.
[jQuery] 따라다니는 배너 본문
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> <!-- //scroll the message box to the top offset of browser's scrool bar $(window).scroll(function() { $('#banner').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}); }); //when the close button at right corner of the message box is clicked $('#banner').click(function() { //the messagebox gets scrool down with top property and gets hidden with zero opacity $('#banner').animate({ top:"+=15px",opacity:0 }, "slow"); }); //--> </script>
배너를 움직이는 제이쿼리 스크립트
<style type="text/css"> #banner { position: absolute; top: 0; left: 0; z-index: 10; background:#ffc; padding:5px; border:1px solid #CCCCCC; text-align:center; font-weight:bold; } </style> <div style="position:relative;float:left;width:80px;top:5%;left:90%;"> <div id="banner">배너 영역</div> </div>
따라다니는 배너의 스타일과 div 영역
'jQuery' 카테고리의 다른 글
[jQuery] radio 선택된 값 가져오기 (0) | 2014.06.12 |
---|---|
[jQuery] jQuery 레이어 팝업, 마우스 위치에 창 띄우기 (3) | 2014.06.04 |
[jQuery] 제이쿼리 갤러리 스크립트 모음 (0) | 2014.05.13 |
[jQuery] 하위메뉴 스크립트 (0) | 2014.05.12 |
[jQuery] 이미지 미리보기 (ie9 이상,크롬 테스트완료) (2) | 2014.05.12 |
Comments