NEWS

新聞資訊

我們不只做網(wǎng)站...

當(dāng)前位置：首頁(yè) > 新聞資訊 > 做網(wǎng)站知識(shí)

做網(wǎng)站，手風(fēng)琴的制作方法

發(fā)表日期：2022-03-07 文章編輯：洛壹網(wǎng)絡(luò) 文章來(lái)源：建站公司

做網(wǎng)站，手風(fēng)琴的制作方法：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手風(fēng)琴</title>
    <script src="./js/jquery.min.js"></script>
    <link rel="stylesheet" href="./css/animate.css">
    <link rel="stylesheet" href="./css/animate_fade.css">
    <link rel="stylesheet" href="./css/reset.css">
    <style>
.center {
margin: auto;
max-width: 1400px;
}
.tab .tabdd{
cursor: pointer;
width: 198px;
overflow: hidden;
-o-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
margin-right: 20px;
}
.tab .tabdd img{
    width: 198px;
    height: 472px;
}
.tab .active{
width:645px;
}

.tab .tabdd .content {
padding: 36px 60px 60px 68px;
color: #525252;
line-height: 2;
background-color: #00a3e4;
border-bottom: 1px solid #e1e7ed;
width: 447px;
   height: 472px;
}

    </style>
</head>
<body>
    <div>
        <dl class="tab flex">
            <dd class="flex tabdd active">
                <img src="./images/sr1.jpg" alt="">
                <div>
                    及早治療，可有效避免各類(lèi)高度近視併發(fā)癥，如青光眼、白內(nèi)障、視網(wǎng)膜剝離、黃斑部退化等。
                </div>
            </dd>
            <dd class="flex tabdd">
                <img src="./images/sr1.jpg" alt="">
                <div>
                    及早治療，可有效避免各類(lèi)高度近視併發(fā)癥，如青光眼、白內(nèi)障、視網(wǎng)膜剝離、黃斑部退化等。
                </div>
            </dd>
            <dd class="flex tabdd">
                <img src="./images/sr1.jpg" alt="">
                <div>
                    及早治療，可有效避免各類(lèi)高度近視併發(fā)癥，如青光眼、白內(nèi)障、視網(wǎng)膜剝離、黃斑部退化等。
                </div>
            </dd>
            <dd class="flex tabdd">
                <img src="./images/sr1.jpg" alt="">
                <div>
                    及早治療，可有效避免各類(lèi)高度近視併發(fā)癥，如青光眼、白內(nèi)障、視網(wǎng)膜剝離、黃斑部退化等。
                </div>
            </dd>
        </dl>
    </div>
</body>
<script>

    $('.tab .tabdd').hover(function(){
            if(!$(this).hasClass('active')){
                $(this).addClass('active').siblings().removeClass('active');
            }
        },function(){})
</script>
</html>

本文鏈接：http://www.snohomisheventcenter.com/news-details-39-651-1.html

版權(quán)聲明：

1：本站所有內(nèi)容均由互聯(lián)網(wǎng)收集整理、上傳，并且以計(jì)算機(jī)技術(shù)研究交流為目的，僅供大家參考、學(xué)習(xí)，不存在任何商業(yè)目的與商業(yè)用途，如描述有誤或者學(xué)術(shù)不對(duì)之處歡迎及時(shí)提出，不甚感謝。

2、如涉及版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們4724325@qq.com第一時(shí)間處理；

上一篇：CSS制作箭頭上下移動(dòng)下一篇：網(wǎng)站設(shè)計(jì)怎么樣更有效？做網(wǎng)站的目的是什么？返回列表