国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js中常用的Tab切換效果(推薦)

2019-11-20 09:07:37
字體:
來源:轉載
供稿:網友

如下所示:

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>tab</title>  <style>    *{margin:0; padding:0; list-style:none;}    .box{      width: 1000px;      overflow: hidden;      margin:100px auto 0px;    }    #title{      line-height: 40px;      background-color: rgb(247,247,247);      font-size: 16px;      font-weight: bold;      color: rgb(102,102,102);      overflow: hidden;    }    #title span{      float: left;      width: 166px;      text-align: center;    }    #title span:hover{      /*color: black;*/      cursor: pointer;    }    #content{      margin-top: 20px;    }    #content li{      width: 1050px;      overflow: hidden;      display: none;      background-color: rgb(247,247,247);    }    #content li div{      width: 156px;      margin-right: 14px;      float: left;      text-align: center;    }    #content li div a{      font-size: 14px;      color: black;      line-height: 14px;    /*  float: left;*/    display: inline-block;      margin-top: 10px;    }    #content li a:hover{      color: #B70606;    }      #content li div span{        font-size: 16px;        line-height: 16px;        /*float: left;*/        display: block;        color: rgb(102,102,102);        margin-top: 10px;      }    #content img{      float: left;      width: 155px;      height: 250px;    }    #title .select{      background-color: rgb(10,167,112);      color: white;    }    #content .show{      display: block;    }  </style></head><body>    <div class="box">      <p id="title">        <span class="select">帥哥</span>        <span>美女</span>        <span>寵物</span>        <span>影視</span>        <span>英雄聯盟</span>        <span>音樂</span>      </p>      <ul id="content">        <li class="show">          <div><img src="images/shuaige1.jpg" alt="帥哥1"><a href="#">杰森?史坦森</a><span>狂拽炫酷

主站蜘蛛池模板:
永泰县|
巧家县|
太白县|
吉安县|
乐昌市|
九江县|
浮梁县|
普兰店市|
罗平县|
阜新市|
信丰县|
讷河市|
武平县|
巢湖市|
舞阳县|
江阴市|
河西区|
剑川县|
孝义市|
兴义市|
永吉县|
静宁县|
景德镇市|
禄丰县|
礼泉县|
新平|
揭西县|
甘泉县|
隆回县|
南召县|
清流县|
肇州县|
平凉市|
嘉祥县|
准格尔旗|
弥勒县|
板桥市|
武川县|
黄浦区|
宜城市|
云浮市|