Skip to content

T
test
提交 cb59d020 作者: 刘贵生
操作

test

上级 e6490c2d
正在显示 包含 89 行增加 和 31 行删除
css/qj_show.css
@charset "utf-8"; @charset "utf-8";
#show_sidebar{
position: fixed;
left:87px;
height:30%;
}
#show_sidebar div{
position: relative;
width:11px;
height:11px;
margin-bottom:38px;
border-radius: 50%;
background:#808080;
}
#show_sidebar div::after{
position: absolute;
top:0px;
left:4.5px;
content:"";
width: 2px;
height:195px;
background: #808080;
}
#show_sidebar li{
color:#808080;
}
#show_sidebar li::before{
content:'';
display: block;
width:7px;
height:7px;
border-radius: 50%;
background:#808080;
}
#show_sidebar .li_mouseover{
color:#b3b3b3;
}
#show_sidebar .li_mouseover::before{
background:#b3b3b3;
}
#show_sidebar .li_click{
width:9px;
height:9px;
color:#24b298;
}
#show_sidebar div{
width:11px;
height:11px;
}
/* 千家风采页样式 */ /* 千家风采页样式 */
header { header {
height: 82px; height: 82px;
...@@ -12,14 +60,14 @@ header { ...@@ -12,14 +60,14 @@ header {
#content2 { #content2 {
margin-top:60px; margin-top:60px;
} }
#content1 h1 { .model_top h1 {
font-size: 30px; font-size: 30px;
line-height: 28px; line-height: 28px;
padding-top: 60px; padding-top: 60px;
text-align: center; text-align: center;
color: #192d3b; color: #192d3b;
} }
#content1 span { .model_top span {
font-size: 12px; font-size: 12px;
color: #192d3b; color: #192d3b;
display: block; display: block;
...@@ -27,7 +75,7 @@ header { ...@@ -27,7 +75,7 @@ header {
text-align: center; text-align: center;
letter-spacing: 1.5px; letter-spacing: 1.5px;
} }
#content1 h1:after { .model_top h1:after {
content: ""; content: "";
display: block; display: block;
width: 93px; width: 93px;
......
qj_show.html
...@@ -35,39 +35,49 @@ ...@@ -35,39 +35,49 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 侧边栏 --> <!-- 右 侧边栏 -->
<nav id="sidebar"> <nav id="sidebar">
<ul> <ul>
<li class="qr_code"> <li class="qr_code">
<span class="iconfont icon-erweima"></span> <span class="iconfont icon-erweima"></span>
</li> </li>
<div class="sidebar_content code_img"> <div class="sidebar_content code_img">
<img src="./images/office_accounts.jpg" alt=""> <img src="./images/office_accounts.jpg" alt="">
</div>
<li class="tel">
<span class="iconfont icon-37"></span>
<div class="sidebar_content">
<span class="iconfont icon-37"></span><span class="sidebar_num">0315-8080081</span>
</div> </div>
<li class="tel"> </li>
<span class="iconfont icon-37"></span> <li class="qq">
<div class="sidebar_content"> <span class="iconfont icon-qq"></span>
<span class="iconfont icon-37"></span><span class="sidebar_num">0315-8080081</span> <div class="sidebar_content">
</div> <span class="iconfont icon-qq"></span><span class="sidebar_num">1536887725</span>
</li> </div>
<li class="qq"> </li>
<span class="iconfont icon-qq"></span> <li class="go_top">
<div class="sidebar_content"> <span class="iconfont icon-shangjiantouxiangshangxianxing"></span>
<span class="iconfont icon-qq"></span><span class="sidebar_num">1536887725</span> </li>
</div> </ul>
</li> </nav>
<li class="go_top"> <!-- 左侧边栏 锚点点击 -->
<span class="iconfont icon-shangjiantouxiangshangxianxing"></span> <div id="show_sidebar">
</li> <ul>
</ul> <div></div>
</nav> <li>团队风采</li>
<li>个人风采</li>
<li>校园招聘--</li>
<li>精彩短片</li>
</ul>
</div>
<!-- 公司宣传视频 --> <!-- 公司宣传视频 -->
<div class="first_video"> <div class="first_video">
<video id="company_video" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/2018%E5%8D%83%E5%AE%B6%E5%AE%A3%E4%BC%A0%E7%89%87.mp4" autoplay preload="preload" controls="controls"></video> <video id="company_video" src="https://qjvideo.oss-cn-beijing.aliyuncs.com/2018%E5%8D%83%E5%AE%B6%E5%AE%A3%E4%BC%A0%E7%89%87.mp4" autoplay preload="preload" controls="controls"></video>
</div> </div>
<!-- 视差滚动 --> <!-- 视差滚动 -->
<div class="main" id="main"> <div class="main" id="main">
<div class="content" id="content1" data-stellar-background-ratio="1"> <div class="content model_top" id="content1" data-stellar-background-ratio="1">
<h1>团队风采</h1> <h1>团队风采</h1>
<span>TEAM</span> <span>TEAM</span>
</div> </div>
...@@ -145,7 +155,7 @@ ...@@ -145,7 +155,7 @@
</div> </div>
<!-- 个人风采 --> <!-- 个人风采 -->
<div id="person_mien" class="main_body"> <div id="person_mien" class="main_body">
<div class="content" id="content1" data-stellar-background-ratio="1"> <div class="content model_top" data-stellar-background-ratio="1">
<h1>个人风采</h1> <h1>个人风采</h1>
<span>PERSONAL</span> <span>PERSONAL</span>
</div> </div>
...@@ -221,7 +231,7 @@ ...@@ -221,7 +231,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content" id="content1" data-stellar-background-ratio="1"> <div class="content model_top" data-stellar-background-ratio="1">
<h1>校园招聘</h1> <h1>校园招聘</h1>
<span>CAMPUS</span> <span>CAMPUS</span>
</div> </div>
...@@ -235,7 +245,7 @@ ...@@ -235,7 +245,7 @@
</div> </div>
<!-- 精彩短片 --> <!-- 精彩短片 -->
<div id="video_banner" class="main_body"> <div id="video_banner" class="main_body">
<div class="content" id="content1" data-stellar-background-ratio="1"> <div class="content model_top" data-stellar-background-ratio="1">
<h1>精彩短片</h1> <h1>精彩短片</h1>
<span>SHORP FILM</span> <span>SHORP FILM</span>
</div> </div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论