新聞資訊
我們不只做網(wǎng)站...
做網(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í)間處理;
我們的服務(wù)
相關(guān)新聞
-
centos服務(wù)器安裝說(shuō)明
-
微信網(wǎng)站應(yīng)該具有哪些基礎(chǔ)功能
-
網(wǎng)站建設(shè)哪幾點(diǎn)比較重要呢?
-
高端網(wǎng)站定制和高端網(wǎng)站建設(shè),請(qǐng)找我們...
-
網(wǎng)站建設(shè)定制開(kāi)發(fā)的好處都有哪些呢?
-
CSS制作箭頭上下移動(dòng)
-
深圳網(wǎng)站建設(shè)需要多少錢(qián)?
-
做網(wǎng)站,怎么選擇域名以及如何正確選擇...
-
營(yíng)銷(xiāo)型網(wǎng)站建設(shè),如何建設(shè)營(yíng)銷(xiāo)型網(wǎng)站
-
模板網(wǎng)站的優(yōu)勢(shì)與模板網(wǎng)站的缺點(diǎn),一起...