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

1482 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

Related labels：

jquery图片淡入淡出 jquery淡入淡出 jquery淡入淡出效果

source：php.cn

Previous article：Use JQuery to create ppt online and demonstrate source code effects online_jquery Next article：js image switching effect code sharing with forward and backward page turning_javascript skills

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