오늘은 Jquery 페이드인, 페이드아웃 기능 코드를 다음과 같이 연습해보았습니다.
< ;html xmlns="http://www.w3.org/1999/xhtml">
제목 없는 문서 <script>$(document).ready(function(){ <br>$("#gallery2 a").append( "<span>< ;/span>"); <br>$("#gallery2 a").hover(function(){ <br>$(this).children("span").fadeIn(600) ; <br>}, function(){ <br>$(this).children("span").fadeOut(200) <br>}) <br></script>
CSS 솔루션
< ;a href="2 .jpg">
;
< /div>
>
사용된 사진:
작은 페이드 인 및 아웃 예:
코드 복사
코드는 다음과 같습니다.
코드 복사
코드는 다음과 같습니다.
$(document).ready(
function() {
/*페이드 인 및 페이드 아웃*/
$ ("버튼").toggle(
function (){
$("p").fadeOut("fast",function(){ } ) }, function (){ $("p ").fadeIn("fast",function(){
}
)
}
)
>
데모 코드
http://demo.jb51.net/js/zoom_icon to_images/index.htm
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
