1. 程式人生 > >圓柱模板單頁HTML5展示代碼

圓柱模板單頁HTML5展示代碼

new 圖庫 通過 dtd 加固 尺寸 orm mbr javascrip

`

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="dns-prefetch" href="//zhimo.yuanzhumuban.cc.cname.yunjiasu-cdn.net">

<link rel="dns-prefetch" href="//yuanzhumuban.cc.cname.yunjiasu-cdn.net">
<link rel="dns-prefetch" href="//zhimo.yuanzhumuban.cc">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>圓柱模板_方圓扣產品簡介-支模網</title>
<meta name="keywords" content="圓柱模板,方圓扣" />
<meta name="description" content="支模網提供圓柱模板,方圓扣,剪力墻加固體系等一系列產品介紹展示,包括產品視頻展示,規格介紹,最新價格價格等,讓廣大客戶更好更全面的認識產品!" />
<link rel="canonical" href="http://zhimo.yuanzhumuban.cc/zhanshi/">
<script src="//msite.baidu.com/sdk/c.js?appid=1594888518697810"></script>
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "http://zhimo.yuanzhumuban.cc/zhanshi/",
"appid": "1594888518697810",
"title": "圓柱模板_方圓扣產品簡介-支模網",
"description": "支模網提供圓柱模板,方圓扣,剪力墻加固體系等一系列產品介紹展示,包括產品視頻展示,規格介紹,最新價格價格等,讓廣大客戶更好更全面的認識產品!",
"images": [
"http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-yzmb3.jpg"
],
"pubDate":"2018-10-18T23:30:14",
"upDate": "2018-10-18T23:33:10",
"lrDate": "2018-10-18T23:33:10"
}
</script>
<link type="text/css" rel="stylesheet" href="http://zhimo.yuanzhumuban.cc/zhanshi/assets/css/animate.css" />
<link type="text/css" rel="stylesheet" href="http://zhimo.yuanzhumuban.cc/zhanshi/assets/css/jquery.onebyone.css" />
<link type="text/css" rel="stylesheet" href="http://zhimo.yuanzhumuban.cc/zhanshi/assets/css/style.css" />
<script type="text/javascript" src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/js/jquery.1.11.1.min.js"></script>
<script type="text/javascript" src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/js/jquery.wow.min.js"></script>
<script type="text/javascript" src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/js/jquery.onebyone.min.js"></script>
<script type="text/javascript" src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/js/jquery.nav.js"></script>
<script type="text/javascript" src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/js/custom.js"></script>
</head>
<body>
<div class="m-top">
<div class="m-w1000">
<div class="m-logo"><a href="/"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/LOGO.JPG" width="250" height="40" alt="支模網" /></a></div>
<ul class="m-nav">
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/" class="home">首頁</a></li>
<li><a href="javascript:void(0)" class="son">所有產品</a>
<ul>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/yuanzhumoban.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-yzmb.jpg" width="100" height="100" alt="圓柱模板" /><p>圓柱模板</p></a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fangzhumoban.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-fzmb.jpg" width="100" height="100" alt="方柱模板" /><p>方柱模板</p></a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fangyuankou.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-fyk.jpg" width="100" height="100" alt="方圓扣" /><p>方圓扣</p></a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/huxingmoban.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-hxmb.jpg" width="100" height="100" alt="異形模板" /><p>異形模板</p></a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fusumoban.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-fsmb.jpg" width="100" height="100" alt="覆塑模板" /><p>覆塑模板</p></a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/diantijing.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-dtj.jpg" width="100" height="100" alt="電梯井" /><p>電梯井</p></a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/jianliqiang.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-jlq.jpg" width="100" height="100" alt="剪力墻" /><p>剪力墻</p></a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/liangjiaju.html"><img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/nav-ljj.jpg" width="100" height="100" alt="梁夾具" /><p>梁夾具</p></a></li>
</ul>
</li>
<li><a href="http://zhimo.yuanzhumuban.cc/news/">建築資訊</a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/photo/">產品圖庫</a></li>
<li><a href="http://zhimo.yuanzhumuban.cc/zhanshi/lxwm.html">聯系我們</a></li>
</ul>
<div class="f-cb"></div>
</div>
</div>
<div class="m-sld-box">
<div class="m-sld">
<div class="oneByOne_item">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/sld-fyk.png" width="500" height="500" class="img1" alt="方圓扣" title="方圓扣" />
<span class="text1">方圓扣(新型方柱加固件)</span>
<span class="text2">結構簡單、可調節尺寸、安裝僅需20分鐘</span>
<span class="text3"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fangyuankou.html">進一步了解></a></span>
</div>
<div class="oneByOne_item">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/sld-fzmb.png" width="500" height="500" class="img1" alt="方柱模板" title="方柱模板" />
<span class="text1">覆塑方柱模板</span>
<span class="text2">操作簡便、提高效率、降低成本</span>
<span class="text3"><a href="http://zhimo.yuanzhumuban.cc/zhanshi//fangzhumoban.html">進一步了解></a></span>
</div>
<div class="oneByOne_item">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/sld-yzmb.png" width="500" height="500" class="img1" alt="圓柱模板" title="圓柱模板" />
<span class="text1">木制建築圓柱模板</span>
<span class="text2">安裝快、成型好、重量輕、省成本</span>
<span class="text3"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/yuanzhumoban.html">進一步了解></a></span>
</div>
</div>
</div>
<div class="m-yzmb" id="yzmb">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-yzmb3.jpg" width="500" height="500" class="animated fadeInDown" alt="木制圓柱模板" title="木制圓柱模板" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/yuanzhumoban.html">木制圓柱模板</a></h3>
<h4 class="animated fadeInRight">安裝便捷 節省成本</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/yuanzhumoban.html">進一步了解> </a></p>
</div>
</div>
<div class="m-fzmb" id="fzmb">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-fzmb.jpg" width="500" height="500" class="animated fadeInDown" alt="覆塑方柱模板" title="覆塑方柱模板" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fangzhumoban.html">覆塑方柱模板</a></h3>
<h4 class="animated fadeInRight">提高效率 提高生產力</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fangzhumoban.html">進一步了解> </a></p>
</div>
</div>
<div class="m-fyk" id="fyk">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-fyk1.jpg" width="500" height="500" class="animated fadeInDown" alt="方圓扣-方柱加固件" title="方圓扣-方柱加固件" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fangyuankou.html">方柱加固件</a></h3>
<h4 class="animated fadeInRight">效率是第一生產力</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fangyuankou.html">進一步了解></a></p>
</div>
</div>
<div class="m-hxmb" id="hxmb">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-hxmb1.jpg" width="500" height="500" class="animated fadeInDown" alt="弧形異形模板" title="弧形異形模板" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/huxingmoban.html">弧形異形模板</a></h3>
<h4 class="animated fadeInRight">技術創新 省時省料</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/huxingmoban.html">進一步了解></a></p>
</div>
</div>
<div class="m-fsmb" id="fsmb">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-fsmb.jpg" width="500" height="500" class="animated fadeInDown" alt="覆塑平模板" title="覆塑平模板" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fusumoban.html">覆塑平模板</a></h3>
<h4 class="animated fadeInRight">世界第一張綠色環保覆塑膜(PP)平模板</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/fusumoban.html">進一步了解> </a></p>
</div>
</div>
<div class="m-dtj" id="dtj">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-dtj.jpg" width="500" height="500" class="animated fadeInDown" alt="電梯井模板" title="電梯井模板" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/diantijing.html">電梯井模板</a></h3>
<h4 class="animated fadeInRight">小高層、高層電梯井道施工專用</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/diantijing.html">進一步了解></a></p>
</div>
</div>
<div class="m-jlq" id="jlq">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-jlq.jpg" width="500" height="500" class="animated fadeInDown" alt="剪力墻" title="剪力墻" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/jianliqiang.html">剪力墻</a></h3>
<h4 class="animated fadeInRight">新型剪力墻模板支撐</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/jianliqiang.html">進一步了解> </a></p>
</div>
</div>
<div class="m-ljj" id="ljj">
<div class="m-w1000 f-oh">
<img src="http://zhimo.yuanzhumuban.cc/zhanshi/assets/img/img-ljj.jpg" width="500" height="500" class="animated fadeInDown" alt="梁夾具" title="梁夾具" />
<h3 class="animated fadeInLeft"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/liangjiaju.html">梁夾具</a></h3>
<h4 class="animated fadeInRight">簡便、快速、標準</h4>
<p class="animated fadeInDown"><a href="http://zhimo.yuanzhumuban.cc/zhanshi/liangjiaju.html">進一步了解> 購買></a></p>
</div>
</div>
<div class="m-ctc">
<div class="m-w1000">
<h3 class="animated fadeInUp">聯系我們</h3>
<h4 class="animated fadeInDown">我們隨時為您的所有購買環節提供幫助。從售前到售後,<br />通過服務熱線獲取支持。</h4>
<h5 class="animated rubberBand">? 152-6995-5509</h5>
</div>
</div>
<div class="m-foot">
<div class="m-w1000"><p>臨沂鵬程木業 版權所有 - <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">魯ICP備13003415號-4</a></p></div>
</div>
<div id="menu">
<ul>
<li><a href="#yzmb">1F 圓柱模板</a></li>
<li><a href="#fzmb">2F 方柱模板</a></li>
<li><a href="#fyk">3F 方圓扣</a></li>
<li><a href="#hxmb">4F 弧形模板</a></li>
<li><a href="#fsmb">5F 覆塑模板</a></li>
<li><a href="#dtj">6F 電梯井</a></li>
<li><a href="#jlq">7F 剪力墻</a></li>
<li><a href="#jlq">8F 梁夾具</a></li>
</ul>
</div>
</body>
</html> `

分享一個產品單頁展示,個人感覺不錯,做產品專題介紹是很好的,在此分享給大家。

 下載地址:鏈接: https://pan.baidu.com/s/18LlNkDkhsStdRV_ZWj9oDg 提取碼: p7pv

圓柱模板單頁HTML5展示代碼