jQuery는 큰 그림을 표시하기 위해 작은 그림을 클릭할 때 작은 그림이 페이드 인 및 페이드 아웃되는 특수 효과를 실현합니다.

jQuery 를 기반으로 한 클릭 투 페이드 디스플레이 이미지 효과를 공유하세요. 이것은 멋진 효과를 얻기 위해 jQuery CSS3를 기반으로 한 특수 효과 코드를 전환하는 그림입니다. 렌더링은 다음과 같습니다.

온라인 미리보기 소스코드 다운로드

html 코드:

<center><p style="color:#334960">点击图标进行展示</p></center>
 <div class="main">
  <div id="coolShow"></div>
  <div id="handBar"></div>
 </div>
 <script type="text/javascript">
  /*定义需要展示的图片以及图片的展示时间*/
  $(document).ready(function () {
   $('#coolShow').coolShow({
    imgSrc: ['images/1.png', 'images/2.png', 'images/3.png'],
    speed: 40
   });
  });
 </script>