Heim  >  Artikel  >  Web-Frontend  >  jQuery super exquisite Bilderkarussell-Diashow-Spezialeffektcode-Sharing_jquery

jQuery super exquisite Bilderkarussell-Diashow-Spezialeffektcode-Sharing_jquery

WBOY
WBOYOriginal
2016-05-16 15:39:431436Durchsuche

Das Beispiel in diesem Artikel beschreibt den ultra-exquisite Bilderkarussell-Diashow-Effekt von jQuery. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Dies ist ein auf jQuery basierender Code zur Implementierung äußerst exquisiter Bildkarussell-Diashow-Spezialeffekte. Der Implementierungsprozess ist sehr einfach.
运行效效果图:                               -------------- --------

Tipps: Wenn der Browser nicht richtig funktioniert, können Sie versuchen, den Browsermodus zu wechseln.

(1) Führen Sie den CSS-Stil im Kopfbereich ein:



(2) js-Code:
<link href="styles/97zzw.css" rel="stylesheet" type="text/css" />


Der mit Ihnen geteilte Spezialeffektcode für die ultraexquisite Bilderkarussell-Diashow von jQuery lautet wie folgt
<script src="scripts/jquery.min_v1.0.js" type="text/javascript"></script>
<script src="scripts/slides.min.jquery_v1.0.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
 $('#slides').slides({
 preload: true,
 preloadImage: 'images/loading.gif',
 play: 5000,
 pause: 2500,
 hoverPause: true,
 fadeSpeed: 350,
 effect: 'fade'
 });
});
</script>


Das Obige ist der ultra-exquisite jQuery-Bildkarussell-Diashow-Spezialeffektcode, den ich mit Ihnen geteilt habe. Ich hoffe, er gefällt Ihnen und Sie können ihn in der Praxis anwenden.
Stellungnahme:
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