请问这个不用js的轮播效果是怎么弄的?

Posted 2023-04-21

http://2008.qq.com/sports/tennis/

腾迅奥运页上的 我看好像没用js啊
是用div css弄出来的?

请高手详细解答一下(数字那背景的定义,下面文字效果定义,想改文字和数字位置该调整哪些值)
这个很漂亮 但是不会设置

高手帮个忙 大谢
就左边那12345的轮播 图片 效果

参考技术A 哪个地方啊?说具体点. "数字那背景的定义"=>你指的是循环播放的图片那个东东吗?很好弄啊.

一个页面使用多个相同Swiper轮播效果怎么写会不冲突

主要看你的轮播是怎么写的，一般用ID区分就行了

以常用的轮播插件Swiper为例

<!--下载插件http://www.swiper.com.cn/download/-->
<!--引入插件-->
<link rel="stylesheet" href="path/to/swiper.min.css">
<script src="path/to/swiper.min.js"></script>
<!--HTML-->
<div class="swiper-container" id="swiper1"><!--第一个轮播-->
    <div class="swiper-wrapper">
        <div class="swiper-slide">图1</div>
        <div class="swiper-slide">图2</div>
        <div class="swiper-slide">图3</div>
    </div>
 </div>
 <div class="swiper-container" id="swiper2"><!--第二个轮播-->
    <div class="swiper-wrapper">
        <div class="swiper-slide">图4</div>
        <div class="swiper-slide">图5</div>
        <div class="swiper-slide">图6</div>
    </div>
 </div>
 <!--JS-->
<script>       
  var mySwiper1 = new Swiper (‘#swiper1‘);    //第一个轮播   
  var mySwiper2 = new Swiper (‘#swiper2‘);    //第二个轮播   
</script>