Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery erkennt den besonderen Effekt des Ein- und Ausblendens kleiner Bilder, wenn man darauf klickt, um große Bilder anzuzeigen_jquery

WBOY
Freigeben: 2016-05-16 15:40:02
Original
1472 Leute haben es durchsucht

Teilen Sie einen Click-to-Fade-Anzeigebildeffekt basierend auf jQuery . Dies ist ein Bildwechsel-Spezialeffektcode, der auf jQuery CSS3 basiert, um coole Effekte zu erzielen. Das Rendering ist wie folgt:

Online-Vorschau Quellcode-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>
Nach dem Login kopieren
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage