wzx
/
SpeedNumCube


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>升级中</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <style type="text/css">
        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }

        .swiper-container {
            height: 225px;
            width: 968px;
            overflow: hidden;
            display: block;
            margin: 0 auto;
            position: absolute;
            top: 0;
            left: 0;
        }

        /*Swiper原样式 */
        /*改变了颜色和加粗的样式*/
        .swiper-button-prev {
            background-image: url("images/left.png");
        }

        .swiper-button-next {
            background-image: url("images/right.png");
        }

        .swiper-pagination-bullet-active {
            background: #fff;
        }
    </style>
</head>

<body>
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="images/mofang_2019year.jpg" alt="">
        </div>
        <div class="swiper-slide">
            <a href="http://www.iyoogo.com/bobo.html" target="_blank">
                <img src="images/1019A.png" alt="">
            </a>
        </div>
        <div class="swiper-slide">
            <a href="http://www.iyoogo.com/bobo.html" target="_blank">
                <img src="images/1019b.png" alt="">
            </a>
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>
<script src="js/jquery.min.js"></script>

<script>
$(function(){

//两种基本宽度，986 和 970 ，970 针对老版本适配

 var thiswidth = $(document.body).width();
 //alert(thiswidth);
 if (thiswidth == 945){//970
  //alert(thiswidth);
  $('.swiper-container').width(968);	//968
  $('.swiper-container').height(223);	//225
 }else{
  $('.swiper-container').width(985);
  $('.swiper-slide').width(985);
  $('.swiper-slide img').width(985);
  $('.swiper-container').height(230);
 }
});
</script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/bottom.js"></script>
</body>
</html>