Heim >Web-Frontend >js-Tutorial >js automatische Bildkarussell-Diashow, Spezialeffekte, Code-Sharing_Javascript-Kenntnisse

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

WBOY
WBOYOriginal
2016-05-16 15:40:151570Durchsuche

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" />

(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>

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>

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.

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