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 |
Tags
- interface
- LIST
- db
- learning
- Python
- centos
- data
- Spring
- error
- 함수
- Web
- Analysis
- Numpy
- Pattern
- Deep
- Security
- Github
- framework
- 자바
- java
- SSH
- DeepLearning
- git
- mysql
- Server
- javascript
- 인공지능
- mariaDB
- Linux
- ai
Archives
- Today
- Total
PostIT
[JavaScript] Zoom기능에 대한 스크립트 및 라이브러리 본문
http://jaukia.github.io/zoomooz/
<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="/js/jquery.zoomooz.min.js"></script>
<script type="text/javascript">
$(function () {
$("div").click(function (evt) {
// 0.6초내에 75% 학대
$(this).zoomTo({ targetsize: 0.75, duration: 600 });
evt.stopPropagation();
});
//확대된 요소의 바깥쪽을 클릭
$(window).click(function (e) {
//body객페를 화면에 가득차게 보여줌으로써 원래 상태로 원복
$("body").zoomTo();
e.stopPropagation();
});
});
</script>
'Script > JavaScript' 카테고리의 다른 글
[JavaScript/jQuery] jQuery에서 Append & Remove 처리하기. (0) | 2017.02.02 |
---|---|
[Javascript/JQuery] 배열 혹은 객체 안에 값의 존재여부 확인(includes) (0) | 2017.02.02 |
[Javascript]TextArea 줄바꿈 (0) | 2016.12.26 |
[JQuery/Script] .attr과 .prop의 차이 - 퍼옴 (0) | 2016.12.21 |
[Naver D2]2016년과 이후 JavaScript의 동향 - 퍼옴 (0) | 2016.12.08 |
Comments