1. <div>
    2.     <style type="text/css">
    3.         .tab_wrap {
    4.             position: relative;
    5.             height: 1.8rem;
    6.         }
    8.         .tab_content {
    9.             position: absolute;
    10.             top: 0;
    11.             left: 0;
    12.         }
    14.         .tab_content,
    15.         .tab_content a {
    16.             display: block;
    17.             width: 7.41rem;
    18.             margin-left: 0.03rem;
    19.             height: 2.2rem;
    20.             overflow: hidden;
    21.         }
    23.         .tab_content.tab_img {
    24.             z-index: 1;
    25.             margin-top: 0.25rem;
    26.         }
    28.         .tab_content.tab_bg {
    29.             z-index: 2;
    30.         }
    32.         .tab_content.tab_a {
    33.             z-index: 3;
    34.         }
    35.     </style>
    36.     <div class="tab_wrap">
    37.         <div class="tab_content tab_img" id="tabe">
    38.             <!-- 第一张图片链接 -->
    39.             <img src="https://gfs9.gomein.net.cn/wireless/T1.x_kBbxT1RCvBVdK_1085_200.jpg" id="img">
    40.         </div>
    41.         <div class="tab_content tab_a" id="tabe">
    42.             <!-- 第一张图片对应的跳转链接 -->
    43.             <a href="https://game.m.gome.com.cn/happyChick.html?gameCollectId=145001&amp;gameItem=happyChick&amp;gameId=145007"
    44.                 id="a"></a>
    45.         </div>
    46.         <div class="tab_content tab_bg">
    47.             <!-- 框图片的链接 -->
    48.             <img src="https://gfs8.gomein.net.cn/wireless/T1KcCABKLv1RCvBVdK_1125_276.png" alt="">
    49.         </div>
    50.     </div>
    52.     <script>
    53.         /* 
    54.         img_src  里面存放banner图片链接，每个图之间用英文逗号隔开。
    55.         img_a  里面存放图片跳转链接，顺序要与图片对上，每个图之间用英文逗号隔开。
    56.         */
    57.         var img_src = [ "https://gfs8.gomein.net.cn/wireless/T14g_kBK_v1RCvBzVdK_1219_200.png", 
    58.                         "https://gfs9.gomein.net.cn/wireless/T1.x_kBbxT1RCvBVdK_1085_200.jpg",
    59.                         "https://gfs6.gomein.net.cn/wireless/T1yKKABs_T1RCvBVdK_1085_200.jpg", 
    60.                         "https://gfs6.gomein.net.cn/wireless/T1KsLkBC_v1RCvBVdK_1125_200.jpg"];
    62.         var img_a = [   "https://prom.m.gome.com.cn/html/prodhtml/topics/202111/3/channeleMbFrXfIkmt.html", 
    63.                         "https://game.m.gome.com.cn/happyChick.html?gameCollectId=145001&gameItem=happyChick&gameId=145007", 
    64.                         "https://prom.m.gome.com.cn/gcms/MobsaleymeflHt8vg7.html", 
    65.                         "https://prom.m.gome.com.cn/html/prodhtml/topics/202203/1/channel3dXyO66u9xm.html"];
    67.         var index = 0;
    68.         function qiehuan() {
    69.             document.getElementById("img").src = img_src[index];
    70.             document.getElementById("a").href = img_a[index];
    71.             index++;
    72.             /*
    73.             index>x; x的值为banner图片数量-1
    74.             */
    75.             if (index > 3) {
    76.                 index = 0;
    77.             }
    78.         }
    79.         setInterval('qiehuan()', 5000);
    80.     </script>
    81. </div>