이 기사의 예에서는 jquery에서 간단한 이미지 전환 표시 효과를 구현하는 방법을 설명하고 참고용으로 모든 사람과 공유합니다. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. jquery 이미지 전환 효과 <br> $(함수(){<br> $("#item li:not(:first)").css("display","none");//첫 번째 사진만 표시하고 나머지 사진은 숨깁니다 <br> var bb = $("#item li:last");<br> var aa = $("#item li:first");<br> setInterval(함수(){<br> If(bb.is(":visible")){<br> aa.fadeIn(1000).addClass("in");<br> bb.hide();<br> }그밖에{<br> $("#item li:visible").addClass("in");<br> $("#item li.in").next().fadeIn(1000);<br> $("#item li.in").fadeOut(1000).removeClass("in");<br> }<br> },3000);<br> });<br> <br> </머리><br> <style type="text/css"><br> li{list-style:none;display:block;width:500px;border:1px solid #ccc;padding:5px;}<br> .in{디스플레이:블록;}<br> </스타일><br> <br> <ul id="item"><br> <li><img src="./images/11_b.jpg" /></li><br> <li><img src="./images/22_b.jpg" /></li><br> <li><img src="./images/33_b.jpg" /></li><br> <li><img src="./images/44_b.jpg" /></li><br> <br> </본문><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
