Notice
Recent Posts
Recent Comments
Tags
- php 캐쉬제거
- 말줄임표시
- 하드 마이그레이션
- TempData
- 파일업로드 체크
- jquery 바코드생성
- javascript redirection
- ViewData
- 바코드 스캔하기
- javascript 바코드스캔
- 강제이동
- asp.net Select
- ASP.Net Core 404
- 파일업로드 유효성체크
- 바코드 생성하기
- 타임피커
- asp.net core Select
- django 엑셀불러오기
- asp.net dropdownlist
- 맥 오라클설치
- javascript 바코드 생성
- Mac Oracle
- XSS방어
- 하드 윈도우 복사
- SSD 복사
- 404에러페이지
- ViewBag
- XSS PHP
- jquery 바코드
- javascript 유효성체크
웹개발자의 기지개
[jQuery] fadeIn 패이드 효과, 해당 화면 서서히 나타내기 본문
jQuery 함수중에 fadeIn 과 fadeOut 를 이용하면 일종의 애니메이션 화면처럼 서서히 나타나게 하거나, 서서히 사라지게 할 수 있다.
속성에 숫자를 바꾸면 그 효과 강도를 세밀하게 나타낼 수도 있다.
소스를 대략 정리해 보았다.
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
|
<div>
<a href="javascript:displayChk('1');" id="introd_project1_q1">
<img src="introd_project1_q1.png" alt="">
</a>
<a href="#" style="display:none;" id="introd_project1_a1">
<img src="introd_project1_a1.png" alt="">
</a>
</div>
<div>
<a href="javascript:displayChk('2');" id="introd_project1_q2">
<img src="introd_project1_q2.png" alt="">
</a>
<a href="#" style="display:none;" id="introd_project1_a2">
<img src="introd_project1_a2.png" alt="">
</a>
</div>
<script>
function displayChk(no) {
document.getElementById("introd_project1_q" + no).style.display = "none";
//$('#introd_project1_a'+ no).show('slow');
$('#introd_project1_a'+ no).fadeIn(450);
//document.getElementById("introd_project1_a" + no).style.display = "block";
}
</script>
|
cs |
'jquery' 카테고리의 다른 글
[javascript, jquery] 모바일웹 input 박스에서 이동버튼 클릭시 바로 submit 이나 button 클릭이벤트 동작시키고자 할때 (0) | 2022.07.23 |
---|---|
[JQuery]ajax, jquery 로 이미지 업로드시키기 2 (0) | 2022.01.23 |
[jQuery, javascript] 여러개의 checkbox, radio 태그 유효성 체크하기(초간단) (0) | 2021.09.24 |
[CSS, jQuery] 도장 찍기 애니메이션 코딩 (0) | 2021.09.15 |
[jQuery] 다운로딩 중 이미지 플러그인 소스 (jQuery Downloading Overlay ) (0) | 2021.06.27 |
Comments