>  기사  >  웹 프론트엔드  >  JS는 작은 그림을 클릭하여 관련된 큰 그림을 표시합니다.

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

php中世界最好的语言
php中世界最好的语言원래의
2018-04-25 17:53:302785검색

이번에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.