PHP学院的中学生 2021-01-12 21:20:28 1303次浏览 0条回复 0 0 0
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <link href="https://cdn.bootcdn.net/ajax/libs/bxslider/4.2.9/jquery.bxslider.min.css" rel="stylesheet">
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
 <script src="https://cdn.bootcdn.net/ajax/libs/bxslider/4.2.9/jquery.bxslider.js"></script>
  <title>jQuery最简单的slider轮播插件</title>
  <link href="css/jquery.bxslider.css" rel="stylesheet" type="text/css" />
  
 </head>
 <!--下面是无用代码-->
 <body>
  
  
  <!-- ---------------------------------slider9--------------------------------------------- -->
  <p>slider9(ticker)</p>
  <div class="slider9">
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar1" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar2" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar3" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar4" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar5" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar6" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar7" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar8" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar9" />
   </div>
   <div class="slide">
    <img src="http://placehold.it/350x150&amp;text=FooBar10" />
   </div>
  </div>
  <script type = "text/javascript" > 
  $(document).ready(function() {
    $('.slider9').bxSlider({
	autoHover: true,
        slideWidth: 200,
        minSlides: 3,
        maxSlides: 3,
        ticker: true,
        speed: 120000,
        startSlides: 0,
        slideMargin: 10,		
				tickerHover: true,
		auto: false,
    });
	
	$('.slide').hover(function(){
		//alert(111);
	})
}); 
</script>
</body>
</html>
    没有找到数据。
您需要登录后才可以回复。登录 | 立即注册