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

1482 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

Verwandte Etiketten：

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

Quelle：php.cn

Vorheriger Artikel：Verwenden Sie JQuery, um ppt online zu erstellen und die Auswirkungen des Quellcodes online_jquery zu demonstrieren Nächster Artikel：js-Bildwechseleffekt-Code-Sharing mit Vorwärts- und Rückwärtsseitenumblättern_Javascript-Kenntnissen

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

Neueste Artikel des Autors