libo
/
print-website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

no message

master
xpz2018 3 years ago
parent
67b6d01a07
commit
09ace6ffca
2 changed files with 31 additions and 16 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 30
      src/index.html
  2. 17
      src/product/index.html

30
src/index.html
View File

@ -296,15 +296,15 @@ jQuery(document).ready(function($){
<div class="container"> <div class="container">
<ul id="gallery-filter" class="list-filter" style="display: flex;"> <ul id="gallery-filter" class="list-filter" style="display: flex;">
<li style="font-size: 18px;padding-right:20px"><a href="./product/index.html">茶叶包装</a></li> <li style="font-size: 18px;padding-right:20px"><a href="./product/index.html">茶叶包装</a></li>
<li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html">酒类包装</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">医疗保健包装</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">美妆护肤包装</a></li>
<li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html?tab=1">酒类包装</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=2">医疗保健包装</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=3">美妆护肤包装</a></li>
</ul> </ul>
<ul id="gallery-filter" class="list-filter" style="display: flex"> <ul id="gallery-filter" class="list-filter" style="display: flex">
<li style="font-size: 18px;padding-right:20px"><a href="./product/index.html">3C数码包装</a></li>
<li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html">节日礼盒/礼品袋</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">纸箱包装</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html">书刊画册</a></li>
<li style="font-size: 18px;padding-right:20px"><a href="./product/index.html?tab=4">3C数码包装</a></li>
<li style="font-size: 18px;padding:0px 15px 0px 5px"><a href="./product/index.html?tab=5">节日礼盒/礼品袋</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=6">纸箱包装</a></li>
<li style="font-size: 18px;padding:0px 5px 0px 15px"><a href="./product/index.html?tab=7">书刊画册</a></li>
</ul> </ul>
<div id="gallery" class="row gallery"> <div id="gallery" class="row gallery">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 grid-sizer"></div> <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 grid-sizer"></div>
@ -314,7 +314,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" href="../product/p1/26.html" title="茶叶包装">茶叶包装</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=0" title="茶叶包装">茶叶包装</a></h4>
</div> </div>
</div> </div>
</div> </div>
@ -327,7 +327,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称一">酒类包装</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=1" title="产品名称一">酒类包装</a></h4>
</div> </div>
</div> </div>
</div> </div>
@ -340,7 +340,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称四">医疗保健包装</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=2" title="产品名称四">医疗保健包装</a></h4>
<!-- <p class="iport-cate"><a href="./product/p1/index.html">彩妆产品</a></p> --> <!-- <p class="iport-cate"><a href="./product/p1/index.html">彩妆产品</a></p> -->
</div> </div>
</div> </div>
@ -354,7 +354,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称三">美妆护肤包装</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=3" title="产品名称三">美妆护肤包装</a></h4>
</div> </div>
</div> </div>
</div> </div>
@ -367,7 +367,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称二">纸箱包装</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=6" title="产品名称二">纸箱包装</a></h4>
</div> </div>
</div> </div>
</div> </div>
@ -380,7 +380,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称八">书刊画册</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=7" title="产品名称八">书刊画册</a></h4>
</div> </div>
</div> </div>
</div> </div>
@ -393,7 +393,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称九">3C数码包装</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=4" title="产品名称九">3C数码包装</a></h4>
</div> </div>
</div> </div>
</div> </div>
@ -406,7 +406,7 @@ jQuery(document).ready(function($){
<div class="gallery-item-detail-inner"> <div class="gallery-item-detail-inner">
<div class="gallery-item-detail-content"> <div class="gallery-item-detail-content">
<div class="margin-40 gal-mtop"></div> <div class="margin-40 gal-mtop"></div>
<h4><a class="bottom-line bottom-line-hover no-hover" title="产品名称七">节日礼盒/礼品袋</a></h4>
<h4><a class="bottom-line bottom-line-hover no-hover" href="./product/index.html?tab=5" title="产品名称七">节日礼盒/礼品袋</a></h4>
</div> </div>
</div> </div>
</div> </div>

17
src/product/index.html
View File

@ -292,6 +292,18 @@ jQuery(document).ready(function($) {
}); });
}); });
var LocString = String(window.document.location.href);
function getUrlParam(name) {
var rs = new RegExp("(^|)" + name + "=([^&]*)(&|$)", "gi").exec(LocString), tmp;
if (tmp = rs) {
return decodeURI(tmp[2]);
}
return "";
}
var tab = getUrlParam("tab") || 1
console.log(tab)
const menuList = ['茶叶包装','酒类包装','医疗保健包装','美妆护肤包装','3C数码包装','节日礼盒/礼品袋','纸箱包装','书刊画册']; const menuList = ['茶叶包装','酒类包装','医疗保健包装','美妆护肤包装','3C数码包装','节日礼盒/礼品袋','纸箱包装','书刊画册'];
const menu = document.getElementById('menu'); const menu = document.getElementById('menu');
// li里面嵌一层div，制造border左右缩进效果 // li里面嵌一层div，制造border左右缩进效果
@ -315,6 +327,8 @@ for (let i = 0; i < menuList.length; i++) {
menu.appendChild(liEle) menu.appendChild(liEle)
} }
function init(i = 0){ function init(i = 0){
const content = document.getElementById('content'); const content = document.getElementById('content');
const children = content.children; const children = content.children;
@ -337,7 +351,8 @@ function init(i = 0){
targetMenuImg.src = '../skin/images/rhombus_black.png' targetMenuImg.src = '../skin/images/rhombus_black.png'
} }
init()
var tab = Number(getUrlParam("tab")) || 0
init(tab)
</script> </script>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save