bunner 图详细

m4160***

jquery 轮播图

*{
      margin: 0;padding: 0;list-style: none;
}
/*设置轮播区域样式*/
      #main{
         width: 660px;
         height: 260px;
         margin:0 auto;
         background-color: #ccc;

         margin-top: 50px;
         position: relative;
      }
      /*设置轮播图片的大小*/
   #main .img img{
      width: 100%;
      height: 100%;
      position: absolute;
   }

   /*设置需要改变图片的运用的类*/
   .display-img{
      display: none;
   }
   .display-block{
      display: block;
   }


   /*设置button 区域的位置*/
      .button{
         position: absolute;
         bottom:10px;
         right: 20px;

      }

      /*设置button的原始样式*/
      button{

         margin-right: 10px;
         height: 10px;
         width: 10px;
         border-radius: 100%;
         background-color: transparent;
         border: 1px white solid;
         outline: none;/* 取消外边框*/

      }



      /*改变button 样式的类*/

      .achive{
         background-color: white;
      }

/*设置下一张/上一张的位置样式*/
      #pre{
         width: 100%;

         position: absolute;
         top: 105px;
         left: 0;

      }
      /*设置pre图片的占位大小*/
      #pre img{
         width: 50px;
         height: 50px;

      }
      /*定位上一张的控制的位置*/
      #pre img:first-child{
         float: left;
      }
      /*定位下一张控制的位置*/
      #pre img:last-child{
         float: right;
      }

海***

bunner？banner?

已有账号？

找人解决需求

bunner 图详细

全部参与1

热门问答

m4160***

今日需求悬赏

今日问答求助

发布任务需求已有1031167位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端

已有账号？

找人解决需求

bunner 图 详细

全部参与1

热门问答

m4160***

今日需求悬赏

今日问答求助

发布任务需求已有1031167位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端

bunner 图详细