jquery를 사용하여 이미지 및 텍스트 전환 효과와 특수 효과를 얻으세요_jquery

프론트엔드 개발에는 지속적인 학습과 검토가 필요합니다. 최근에는 낮에는 jquery를 계속 검토하고, 밤에는 네이티브 javascript를 배우고, 시간을 내어 웹사이트 홍보와 SEO 작업을 할 계획입니다. 지금은 이를 계획하세요.
낮에 작업을 마치고 Fanke Eslite의 이미지 전환 효과를 흉내낸 jquery를 만들었습니다

이전 글이 별로 좋지 않아서 오늘은 새로운 jquery 특수 효과를 만들어 봤습니다. 아주 간단합니다. 무심히 돌아보면 바로 그렇습니다.
예리한 jquery의 첫 번째 예인 프로토타입부터 시작하겠습니다. 모두가 익숙할 것이라고 생각합니다. 예, 당신이 읽은 것이 맞습니다.
코드는 다음과 같습니다

코드를 복사합니다 코드는 다음과 같습니다

< ;div class="menu">

첫 번째 사진 "">11111111
11111111
11111111 ="">11111111
11111111
div>

두 번째 사진
a href= "">22222222
22222222
;a href ="">22222222
22222222

;
세 번째 항목
33333333
🎜> 33333333
33333333
33333333
33333333

네 번째 사진44444444
44444444
44444444
44444444
44444444
44444444< /a>

원본은 클릭 후 효과입니다. 마우스를 위로 이동합니다.
이제 CSS와 js를 적절하게 수정하면 됩니다.
온라인 효과 프로토타입 DEMO 온라인 효과 그래픽 및 텍스트 전환 DEMO