suchen

Heim >Web-Frontend >js-Tutorial >Basierend auf dem jQuery-Vollbild-Fokus-Map-Plug-in responsiveslides_jquery zum Umschalten links und rechts

Basierend auf dem jQuery-Vollbild-Fokus-Map-Plug-in responsiveslides_jquery zum Umschalten links und rechts

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

Responsiveslides, ein auf jQuery basierendes Plug-in zum Wechseln der Fokuskarte im Vollbildmodus, ist ein automatischer Karussellwechsel-Spezialeffekt-Download mit Links- und Rechtspfeilen und Indexschaltflächen.

Die Darstellung ist wie folgt:

Online-Vorschau Quellcode-Download

HTML-Code: 

<script type="text/javascript">
$(function () {
 // Slideshow 
 $("#slider").responsiveSlides({
  auto: true,
  pager: false,
  nav: true,
  speed: 500,
  timeout:4000,
  pager: true, 
  pauseControls: true,
  namespace: "callbacks"
 });
});
</script>
</head>
<body>
<!-- Slideshow -->
<div class="callbacks_container">
 <ul class="rslides" id="slider">
  <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li>
  <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li>
  <li><a href="http://sc.chinaz.com/"><img src="images/1.jpg" alt=""></a></li>
  <li><a href="http://sc.chinaz.com/"><img src="images/2.jpg" alt=""></a></li>
 </ul>
</div>
</body>

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
Vorheriger Artikel：Verstehen von Prototypen in JS_Javascript-KenntnissenNächster Artikel：Verstehen von Prototypen in JS_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen