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
- framework
- Analysis
- javascript
- error
- Numpy
- Security
- DeepLearning
- LIST
- interface
- Github
- git
- 자바
- data
- Pattern
- SSH
- db
- Spring
- Deep
- java
- mariaDB
- learning
- Python
- 함수
- Web
- 인공지능
- centos
- mysql
- ai
- Linux
- Server
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