Heim > Web-Frontend > js-Tutorial > Hauptteil

js automatische Bildkarussell-Diashow, Spezialeffekte, Code-Sharing_Javascript-Kenntnisse

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

Das Beispiel in diesem Artikel beschreibt den automatischen Bildkarussell-Diashow-Effekt mit Javascript. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Dies ist ein auf JavaScript basierender Code, der eine automatische Bildkarussell-Diashow mit Punkten implementiert. Der Implementierungsprozess ist sehr einfach.
Vorgangsrendering: -------------------Effekt anzeigen Quellcode herunterladen--------- - --------

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:

<link rel="stylesheet" href="css/zzsc.css" type="text/css" media="screen" />
Nach dem Login kopieren

(2) js-Code:

<script type="text/javascript" src="js/jquery-min-1.7.js" charset="utf-8"></script>
<script src="js/all_dfd5691e.js"></script>
<script>
$(function () {
new SlideShow({
nav: "#controller",
effect : "fade",
target: "#target",
activeClass: "active",
next: "#next",
prev: "#prev",
auto: true
})
})
</script>
Nach dem Login kopieren

Der js-Code, der jedem einige automatische Bildkarussell-Folieneffekte bietet, lautet wie folgt



<link rel="stylesheet" href="css/zzsc.css" type="text/css" media="screen" />
js带点自动图片轮播幻灯片特效


  • 1
  • 2
  • 3
  • 4
  • 5
<script type="text/javascript" src="js/jquery-min-1.7.js" charset="utf-8"></script> <script src="js/all_dfd5691e.js"></script> <script> $(function () { new SlideShow({ nav: "#controller", effect : "fade", target: "#target", activeClass: "active", next: "#next", prev: "#prev", auto: true }) }) </script>
Nach dem Login kopieren

Das Obige ist der js-Code mit automatischen Bildkarussell-Diashow-Spezialeffekten, den ich mit Ihnen geteilt habe. Ich hoffe, er gefällt Ihnen und Sie können ihn in der Praxis anwenden.

Verwandte Etiketten:
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