响应式内容滑动插件 bxSlider，鼠标滑动失效解决办法 - 话题

PHP学院的中学生 2021-01-12 21:20:28 1478次浏览 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>

没有找到数据。

您需要登录后才可以回复。登录 | 立即注册

副总裁

PHP学院的中学生

注册时间：2018-10-23
最后登录：2024-09-23
在线时长：168小时13分

粉丝29
金钱4725
威望30
积分6705

响应式内容滑动插件 bxSlider，鼠标滑动失效解决办法 [ 新手入门 ]

共 0 条回复

回复话题

PHP学院的中学生

热门话题