250 lines
9.3 KiB
HTML
250 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
||
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文，zh-cmn-Hans:简体中文 -->
|
||
<html lang="zh-cmn-Hans">
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="description" content="基于SEO网站" />
|
||
<meta name="keywords" content="基于SEO网站" />
|
||
<meta name="applicable-device" content="pc,mobile" />
|
||
<meta name="MobileOptimized" content="width" />
|
||
<meta name="HandheldFriendly" content="true" />
|
||
<meta name="robots" content="noarchive" />
|
||
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
|
||
<meta name="theme-color" content="#db5945">
|
||
<meta name="google" value="notranslate">
|
||
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
|
||
<title></title>
|
||
<link rel="stylesheet" type="text/css" href="../css/base.css" />
|
||
<link rel="stylesheet" href="../css/swiper.min.css">
|
||
<link rel="stylesheet" type="text/css" href="../css/style.css" />
|
||
<script src="../js/swiper.min.js"></script>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="main">
|
||
<img src="../imgs/ber.png" class="ber" alt="">
|
||
<div class="con">
|
||
<div class="h100 mainCon">
|
||
<div class="nav conNav navIpd">
|
||
<div class="navTop">
|
||
<img src="../imgs/logo.png" alt="">
|
||
</div>
|
||
<div class="navLsit">
|
||
<a href="./contentPage.html">盛堂世家</a>
|
||
<a href="./indexBrand.html">盛堂品牌</a>
|
||
<a href="./aboutUs.html">關於Allen Zhou</a>
|
||
<a href="./honoraryCertificate.html">資質榮譽
|
||
<object class="make"><a href="./honoraryCertificate.html">資質榮譽 </a><a href="./Interview.html">人物專訪</a></object>
|
||
</a>
|
||
<a href="./projectIntroduction.html">項目介紹</a>
|
||
<a class="on" href="./brand.html">名品軟裝</a>
|
||
<a href="./engineering.html">工程工藝 </a>
|
||
<a href="./contactUs.html">聯繫我們</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="text contentPageC brand wellKnownProductsNavP">
|
||
<p class="title">名品软装</p>
|
||
<div class="select">
|
||
<select onchange="selectFun()" name="" id="">
|
||
<option value="">产品</option>
|
||
<option value="./brand.html">品牌</option>
|
||
<option value="./serviceConcept.html">理念</option>
|
||
</select>
|
||
|
||
<script>
|
||
function selectFun(e) {
|
||
window.location=event.target.value
|
||
}
|
||
</script>
|
||
</div>
|
||
<div class="wellKnownProducts">
|
||
<div class="wellKnownProductsNav">
|
||
<a data-index="0" class="on" rel="nofollow">沙發</a><a data-index="1" rel="nofollow">書桌</a><a
|
||
data-index="2" rel="nofollow">休閑椅</a><a data-index="3" rel="nofollow">衣櫃</a>
|
||
</div>
|
||
<div class="wellKnownProductsText">
|
||
|
||
<div class="listImg">
|
||
<img src="../imgs/imgob.png" alt="">
|
||
</div>
|
||
|
||
<p class="p">訪標題文字後台上傳標題文字後台上傳</p>
|
||
|
||
<div class="wellKnownProductsJt">
|
||
<img class="addIndex" src="../imgs/jt2.png" alt="">
|
||
<div>
|
||
<p><span class="indexNode">1</span>/ <span class="maxNode">26</span></p>
|
||
</div>
|
||
<img class="reduction" src="../imgs/jt2.png" alt="">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<a href="">Copyright 2022 盛堂世家設計機構 All rights reserved 蜀ICP備12345678號 技术支持：全美网络 </a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<script src="../js/jquery.min.js"></script>
|
||
|
||
|
||
<div class="navCon">
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
</div>
|
||
|
||
<a href="/" class="returnIndex">
|
||
<img src="../imgs/home.png" alt="">
|
||
</a>
|
||
<script>
|
||
$(".navCon").on("click",(e)=>{
|
||
console.log(123);
|
||
$(".navIpd").css("right","0px")
|
||
|
||
e.preventDefault();
|
||
})
|
||
$(".main").on("click",function (params) {
|
||
$(".navIpd").css("right","-250px")
|
||
})
|
||
</script>
|
||
<script>
|
||
let index = 0
|
||
let num = 0
|
||
let data = [
|
||
[{
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標1234題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標1111題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標aaaa題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文aa字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題bbbb文字後台上傳",
|
||
},
|
||
],
|
||
[{
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳1234標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳4 s標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題sdf文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
},
|
||
],
|
||
[{
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文文字後台上0000傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
},
|
||
],
|
||
[{
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳99999標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
}, {
|
||
img: "../imgs/imgob.png",
|
||
text: "訪標題文字後台上傳標題文字後台上傳",
|
||
},
|
||
],
|
||
]
|
||
|
||
|
||
function text(index, num) {
|
||
$(".wellKnownProducts .listImg").attr("str", data[index][num].img)
|
||
$(".wellKnownProducts .p").html(data[index][num].text)
|
||
console.log($(".wellKnownProducts .listImg"));
|
||
$(".indexNode").html(num + 1)
|
||
$(".maxNode").html(data[index].length)
|
||
}
|
||
text(index, num)
|
||
|
||
$(".wellKnownProductsNav a").on("click", function () {
|
||
num=0
|
||
$(".wellKnownProductsNav a").removeClass("on")
|
||
$(this).addClass("on")
|
||
index = $(this).data("index") - 0
|
||
text($(this).data("index"), num)
|
||
|
||
})
|
||
$(".addIndex").on("click", function () {
|
||
|
||
num++
|
||
if (num > data[index].length) {
|
||
return
|
||
}
|
||
text(index, num)
|
||
})
|
||
$(".reduction").on("click", function () {
|
||
|
||
num++
|
||
if (num <0) {
|
||
return
|
||
}
|
||
text(index, num)
|
||
})
|
||
</script>
|
||
</body>
|
||
|
||
</html> |