JS는 작은 그림을 클릭하여 관련된 큰 그림을 표시합니다.

이번에는 JS가 작은 그림을 클릭하여 그에 맞춰 큰 그림을 표시할 때, JS가 작은 그림을 클릭하여 그에 맞춰 큰 그림을 표시할 때 몇 가지 주의사항을 알려드리겠습니다. 실제 사례를 살펴보겠습니다.

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

html 코드:

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

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사에 주목하세요. PHP 중국어 웹사이트!

추천 자료:

jQuery는 광고 콘텐츠의 페이드인 및 페이드아웃 효과를 구현합니다.

jQuery는 Alipay 홈페이지의 포커스 이미지 효과를 모방합니다

위 내용은 JS는 작은 그림을 클릭하여 관련된 큰 그림을 표시합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!