<!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">名品軟裝<object class="make"><a href="./brand.html">名品軟裝 </a><a
href="./serviceConcept.html">理念</a><a
href="./wellKnownProducts.html">产品</a></object></a>
<a href="./engineering.html">工程工藝
<object class="make"> <a href="./engineering.html">工程工藝 </a><a
href="./siteImage.html">工地形象</a></object>
</a>
<a href="./contactUs.html">聯繫我們</a>
</div>
</div>
<div class="text contentPageC brand wellKnownProductsNavP">
<p class="title">名品软装</p>
<div class="select">
<select name="" id="">
<option value="">产品</option>
<option value=""></option>
<option value=""></option>
</select>
</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>