search

Home >Web Front-end >JS Tutorial >Based on jQuery full screen focus map left and right switching plug-in responsiveslides_jquery

Based on jQuery full screen focus map left and right switching plug-in responsiveslides_jquery

WBOY
WBOYOriginal
2016-05-16 15:40:201183browse

Responsiveslides, a full-screen focus map switching plug-in based on jQuery, is an automatic carousel switching special effect download with left and right arrows and index buttons.

The rendering is as follows:

Online preview Source code 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>

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Understanding prototype in JS_javascript skillsNext article：Understanding prototype in JS_javascript skills

Related articles

See more