Home > Web Front-end > JS Tutorial > jQuery realizes the special effect of fading in and out of small pictures when clicking on them to display large pictures_jquery

jQuery realizes the special effect of fading in and out of small pictures when clicking on them to display large pictures_jquery

WBOY
Release: 2016-05-16 15:40:02
Original
1529 people have browsed it

Share a click-to-fade display image effect based on jQuery . This is a picture switching special effects code based on jQuery CSS3 to achieve cool effects. The rendering is as follows:

Online preview Source code download

html code:

<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>
Copy after login
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template