Skip to content

梁建民 / liebaochHtml

Go to a project
Commit 4c23fd8c by LJM
Options

add

parent ac2957e9
Expand all
Inline Side-by-side
Showing with 153 additions and 63 deletions
about.html
......@@ -25,13 +25,19 @@
</a>
<div class="menu-box row verCenter">
<ul class="menu row verCenter">
<li class="curr row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/">国际空运</a></li>
<li class="row verCenter"><a href="/">国际陆运</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">其他业务</a></li>
<li class="row verCenter"><a href="/">关于我们</a></li>
<li class="row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="curr row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
<i class="iconfont icon-duoyuyan"></i>
......
css/style.less
......@@ -56,6 +56,37 @@
background: #FFFFFF;
content: "";
}
dl {
position: absolute;
top: 100%;
padding-top: 20px;
background: rgba(0, 0, 0, 0.4);
min-width: 120px;
box-sizing: border-box;
display: none;
dd {
padding: 0 20px 20px 20px;
a {
font-size: 16px;
color: #ffffff;
}
&:hover {
a {
font-weight: bold;
}
}
}
}
&:hover {
dl {
display: block;
}
}
}
}
......@@ -172,6 +203,10 @@
font-weight: bold;
}
}
.slide-text-other {
}
}
}
......
css/style.min.css
......@@ -242,6 +242,28 @@ body {
background: #FFFFFF;
content: "";
}
.head-wrap .head .main .menu-box .menu li dl {
position: absolute;
top: 100%;
padding-top: 20px;
background: rgba(0, 0, 0, 0.4);
min-width: 120px;
box-sizing: border-box;
display: none;
}
.head-wrap .head .main .menu-box .menu li dl dd {
padding: 0 20px 20px 20px;
}
.head-wrap .head .main .menu-box .menu li dl dd a {
font-size: 16px;
color: #ffffff;
}
.head-wrap .head .main .menu-box .menu li dl dd:hover a {
font-weight: bold;
}
.head-wrap .head .main .menu-box .menu li:hover dl {
display: block;
}
.head-wrap .head .main .menu-box .simplified-chinese .iconfont {
margin-right: 4px;
font-size: 20px;
......
index.html
......@@ -30,7 +30,13 @@
<li class="row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="row verCenter"><a href="/">其他业务</a></li>
<li class="row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
......@@ -41,7 +47,7 @@
</div>
</div>
<!--焦点图-->
<div class="slideBox">
<div class="slideBox" id="slideBox">
<div class="bd">
<ul>
<li>
......
inoutCustomsdeclaration.html
......@@ -25,13 +25,19 @@
</a>
<div class="menu-box row verCenter">
<ul class="menu row verCenter">
<li class="curr row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/">国际空运</a></li>
<li class="row verCenter"><a href="/">国际陆运</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">其他业务</a></li>
<li class="row verCenter"><a href="/">关于我们</a></li>
<li class="row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="curr row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
<i class="iconfont icon-duoyuyan"></i>
......
internationaAir.html
......@@ -25,13 +25,19 @@
</a>
<div class="menu-box row verCenter">
<ul class="menu row verCenter">
<li class="curr row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/">国际空运</a></li>
<li class="row verCenter"><a href="/">国际陆运</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">关于我们</a></li>
<li class="curr row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
<i class="iconfont icon-duoyuyan"></i>
......
internationaLand.html
......@@ -25,13 +25,19 @@
</a>
<div class="menu-box row verCenter">
<ul class="menu row verCenter">
<li class="curr row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/">国际空运</a></li>
<li class="row verCenter"><a href="/">国际陆运</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">关于我们</a></li>
<li class="row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="curr row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
<i class="iconfont icon-duoyuyan"></i>
......
internationaRailway.html
......@@ -25,13 +25,19 @@
</a>
<div class="menu-box row verCenter">
<ul class="menu row verCenter">
<li class="curr row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/">国际空运</a></li>
<li class="row verCenter"><a href="/">国际陆运</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">关于我们</a></li>
<li class="row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="curr row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
<i class="iconfont icon-duoyuyan"></i>
......
internationalShipping.html
......@@ -25,13 +25,19 @@
</a>
<div class="menu-box row verCenter">
<ul class="menu row verCenter">
<li class="curr row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/">国际空运</a></li>
<li class="row verCenter"><a href="/">国际陆运</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">关于我们</a></li>
<li class="row verCenter"><a href="/">首页</a></li>
<li class="curr row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
<i class="iconfont icon-duoyuyan"></i>
......@@ -47,28 +53,13 @@
<li>
<img src="./images/s1.png" alt="">
</li>
<li>
<img src="https://static.ichunt.com//dist/res/home/images/scm/home/b1.png" alt="">
</li>
</ul>
</div>
<div class="hd">
<ul class="row rowCenter verCenter">
<li></li>
<li></li>
</ul>
</div>
<div class="slide-text">
<div class="slide-text-other">
<ul>
<li class="wow">
<li class="wow" style="display: block">
<p class="t1">猎豹出海</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li>
<li class="wow">
<p class="t1">猎豹出海2</p>
<p class="t2">一站式、全链路国际物流服务，高标准服务、高效率履约、超高性价比</p>
<a class="btn row rowCenter verCenter" href="javascript:;">立即咨询</a>
</li>
</ul>
</div>
......
js/global.js
......@@ -6,7 +6,7 @@
created: function () {
new WOW().init();//全局页面动画初始化
$(".slideBox").slide({
$("#slideBox").slide({
mainCell: ".bd ul",
titCell: ".hd li",
autoPlay: true,
......
warehouse.html
......@@ -25,13 +25,19 @@
</a>
<div class="menu-box row verCenter">
<ul class="menu row verCenter">
<li class="curr row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/">首页</a></li>
<li class="row verCenter"><a href="/internationalShipping.html">国际海运</a></li>
<li class="row verCenter"><a href="/">国际空运</a></li>
<li class="row verCenter"><a href="/">国际陆运</a></li>
<li class="row verCenter"><a href="/">国际铁路</a></li>
<li class="row verCenter"><a href="/">其他业务</a></li>
<li class="row verCenter"><a href="/">关于我们</a></li>
<li class="row verCenter"><a href="/internationaAir.html">国际空运</a></li>
<li class="row verCenter"><a href="/internationaLand.html">国际陆运</a></li>
<li class="row verCenter"><a href="/internationaRailway.html">国际铁路</a></li>
<li class="curr row verCenter">
<a href="javascript:;">其他业务</a>
<dl>
<dd><a href="/inoutCustomsDeclaration.html">进出口报关</a></dd>
<dd><a href="/warehouse.html">国内外仓储</a></dd>
</dl>
</li>
<li class="row verCenter"><a href="/about.html">关于我们</a></li>
</ul>
<div class="simplified-chinese row verCenter">
<i class="iconfont icon-duoyuyan"></i>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment