theluyuan/guanwang
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
theluyuan 2022-06-25 19:06:09 +08:00
parent 0a38463c85
commit 9a21f9a0ef
18 changed files with 1921 additions and 417 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
about.html
View File

@ -5,28 +5,32 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="stylesheet" type="text/css" href="css2.css">
<link rel="stylesheet" href="/css/nav.css">
</head>
<body>
<div class="wrap">
<div class="top">
<div class="nav">
<span><a href="#">首页</a></span>
<span><a href="#" class="a1">关于我们</a></span>
<span><a href="#">课程体系 &nbsp; <img src="images/图层 9.png" style="margin-bottom:3px ;"> <div class="dianji">
java全栈 </br>
HTML&JS+前端 </br>
软件测试 </br>
大数据运维</br>
UI/UE设计
</div></a></span>
<span><a href="#">毕业生风采</a></span>
<span><a href="#">新闻动态</a></span>
<span><a href="#">联系我们</a></span>
<div class="henggang"> </div>
<div id="top">
<a href="/" class="top1" style="margin-left: 825px;">首页</a>
<a href="/about.html" class="top2" style="border-bottom: 5px solid blue;">关于我们</a>
<span class="top3">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a>UI/UE设计</a>
</div>
</div>
</span>
</div>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
</div>
<div class="content">
<img src="./images/蒙版.png" alt="">
@ -91,5 +95,7 @@
})
})
</script>
<script src="./index.js"></script>
</body>
</html>

4
css.css
View File

@ -66,6 +66,8 @@ a:active{color:#0F5FB6;}
border-radius: 0px 0px 12px 12px;
margin-left: 240px;
margin-top: 60px;
overflow: hidden;
border-radius: 12px;
}
.lxwm{
@ -124,7 +126,7 @@ a:active{color:#0F5FB6;}
margin-top: 5px;
margin-left: 93px;
}
.tu{
.tu2{
width: 622px;
height: 525px;
margin-left: 2px;

143
css/index.css
View File

@ -1,135 +1,11 @@
.mian {
width: 1920px;
height: 696px;
background: linear-gradient(180deg, #FAFCFF 0%, #FFFFFF 100%);
}
#top {
position: relative;
width: 1920px;
height: 90px;
background: #FFFFFF;
/* line-height: 90px; */
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
#top .tu {
position: absolute;
left: 243px;
top: 11px;
width: 164px;
height: 65px;
}
.top1 {
/* width: 37px; */
height: 19px;
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #0F5FB6;
/* margin-left: 825px; */
margin-top: 34px;
/* display: inline-block; */
padding-bottom: 32px;
border-bottom: 5px solid blue;
}
.top2 {
/* width: 74px; */
height: 19px;
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 88px;
/* margin-top: 34px; */
/* display: inline-block; */
}
.top3 {
position: relative;
/* width: 76px; */
height: 19px;
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 88px;
display: flex;
align-items: center;
/* 你们就不会用flex 全部都是定位 焯 */
/* margin-top: 34px; */
/* display: inline-block; */
}
.t3-2 {
/* position: absolute;
width: 14px;
height: 8px;
left: 81px;
top: -33px; */
margin-left: 10px;
}
.top {
position: relative;
}
.top .t3-3 {
position: absolute;
left: 200px;
top: 20px;
z-index: 100000;
}
.t3-3>.t3-3-1>div {
font-size: 13px;
height: 35px;
color: #666666;
}
.top4 {
/* width: 96px; */
height: 18px;
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 87px;
/* margin-top: 34px; */
/* display: inline-block; */
}
.top5 {
/* width: 76px; */
height: 19px;
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 69px;
/* margin-top: 34px; */
/* display: inline-block; */
}
.top6 {
/* width: 75px; */
height: 19px;
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
/* margin-top: 34px; */
margin-left: 87px;
/* display: inline-block; */
}
.bottem {
width: 100%;
@ -1424,18 +1300,3 @@ body {
position: relative;
}
.t3-3 {
position: absolute;
/* left: 1129px;
top: 103px; */
background: #FFFFFF;
z-index: 20;
border-radius: 5px;
display: none;
left: 0px;
top: 51px;
}
.t3-3 .t3-3-1 {
margin-left: 8px;
}

150
css/nav.css Normal file
View File

@ -0,0 +1,150 @@
a,a:link,a:visited,a:hover,a:active{
text-decoration: none;
color:inherit;
}
#top {
position: relative;
width: 1920px;
height: 90px;
background: #FFFFFF;
/* line-height: 90px; */
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
#top .tu {
position: absolute;
left: 243px;
top: 11px;
width: 164px;
height: 65px;
}
#top > a,#top>span {
height: 100%;
box-sizing: border-box;
padding: 32px 0;
}
.top1 {
/* width: 37px; */
/* height: 19px; */
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #0F5FB6;
/* margin-left: 825px; */
/* margin-top: 34px; */
/* display: inline-block; */
}
.top2 {
/* width: 74px; */
/* height: 19px; */
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 88px;
/* margin-top: 34px; */
/* display: inline-block; */
}
.top3 {
position: relative;
/* width: 76px; */
/* height: 19px; */
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 88px;
display: flex;
align-items: center;
/* 你们就不会用flex 全部都是定位 焯 */
/* margin-top: 34px; */
/* display: inline-block; */
}
.t3-2 {
/* position: absolute;
width: 14px;
height: 8px;
left: 81px;
top: -33px; */
margin-left: 10px;
}
.top {
position: relative;
}
.top .t3-3 {
position: absolute;
left: 200px;
top: 60px;
z-index: 100000;
}
.t3-3>.t3-3-1>a {
font-size: 13px;
height: 35px;
color: #666666;
display: block;
}
.top4 {
/* width: 96px; */
/* height: 18px; */
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 87px;
/* margin-top: 34px; */
/* display: inline-block; */
}
.top5 {
/* width: 76px; */
/* height: 19px; */
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin-left: 69px;
/* margin-top: 34px; */
/* display: inline-block; */
}
.top6 {
/* width: 75px; */
/* height: 19px; */
font-size: 19px;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
/* margin-top: 34px; */
margin-left: 87px;
/* display: inline-block; */
}
.t3-3 {
position: absolute;
/* left: 1129px;
top: 103px; */
background: #FFFFFF;
z-index: 20;
border-radius: 5px;
display: none;
left: 0px;
top: 75px;
}
.t3-3 .t3-3-1 {
margin-left: 8px;
}

203
css2.css Normal file
View File

@ -0,0 +1,203 @@
* { padding: 0; margin: 0; border: 0; }
li {
list-style: none outside none;
}
a{color:#2d374b;text-decoration:none;}
.wrap{
width: 1920px;
background-color:#F2F2F2;
}
.top{
width: 1920px;
height: 90px;
background: #FFFFFF;
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
}
.nav{
padding-left: 825px;
margin-right: 242px;
}
.wrap>.top>.nav>span{
font-size: 19px;
display: block;
float: left;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
margin:30px ;
}
a:link { color: #333333; text-decoration: none; }
a:active{color:#0F5FB6;}
/* a:hover{
color:#0F5FB6;
border-bottom-style: solid;
} */
/* a:visited { color: #999; text-decoration: line-through; } */
.a1{
height: 90px;
color: #0F5FB6;
}
.henggang{
width: 38px;
height: 5px;
background: #0F5FB6;
position:absolute;
top: 85px;
left:976px;
}
.henggang1{
width: 38px;
height: 5px;
background: #0F5FB6;
position:absolute;
top: 85px;
left:1286px;
}
.dianji{
width: 153px;
height: 227px;
background-color: #FFFFFF;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
line-height: 41px;
position:absolute;
top: 98px;
left:1081px;
padding-left: 12px;
padding-top:8px;
display: none;
}
.content{
width: 1440px;
height: 1325px;
background: #FFFFFF;
border-radius: 0px 0px 12px 12px;
margin-left: 240px;
margin-top: 60px;
}
.content1{
width: 1440px;
height: 1280px;
background: #FFFFFF;
border-radius: 0px 0px 12px 12px;
margin-left: 240px;
margin-top: 60px;
}
.gywm{
width: 200px;
height: 32px;
font-size: 34px;
font-family: PingFang;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5);
position: relative;
bottom: 93px ;
left: 654px;
}
.bb1{
margin-top: 40px;
margin-left: 96px;
}
.shuxian{
width: 5px;
height: 24px;
background: #0F5FB6;
}
.gsjj{
width: 179px;
height: 21px;
font-size: 22px;
font-family: PingFang SC;
font-weight: 600;
color: #333333;
margin-left: 13px;
position: relative;
top: -27px;
}
.zi{
width: 1248px;
margin-left: 20px;
/* height: 76px; */
font-size: 16px;
font-family: PingFang SC;
font-weight: 300;
color: #333333;
line-height: 30px;
}
.xuxian{
margin-top: 29px;
width: 1248px;
border: 1px dashed #ECECEC;
}
.footer{
width: 1920px;
height: 128px;
background: #1C1F21;
margin-top: 54px;
}
.foot1{
display: flex;
justify-content: center;
font-size: 17px;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
.foot1>div{
margin-left: 25px;
margin-top: 39px;
}
.foot2{
display: flex;
justify-content: center;
}
.foot2>div{
margin-top: 5px;
width: 395px;
height: 14px;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: #949699;
margin-left: 68px;
}
.tpj1{
display: flex;
justify-content: center;
}
.tp{
width: 319px;
height: 188px;
border: 1px solid #0F5FB6;
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
margin-top: 20px;
border-radius: 10px;
overflow : hidden;
}
.zt1{
width: 158px;
height: 125px;
font-size: 19px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 53px;
margin-bottom: 34px;
}
.tp01{
width: 122px;
height: 163px;
overflow : hidden;
}

42
graduates.html
View File

@ -5,30 +5,32 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>毕业生风采</title>
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="stylesheet" href="./css/nav.css">
<script src="./jquery-3.6.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="css2.css">
</head>
<body>
<div class="wrap">
<div class="top">
<div class="nav">
<span><a href="#">首页</a></span>
<span><a href="#" >关于我们</a></span>
<span><a href="#">课程体系&nbsp; <img src="images/图层 9.png" style="margin-bottom:3px ;"> <div class="dianji">
java全栈 </br>
HTML&JS+前端 </br>
软件测试 </br>
大数据运维</br>
UI/UE设计
</div>
</a></span>
<span><a href="#" class="a1">毕业生风采</a></span>
<span><a href="#">新闻动态</a></span>
<span><a href="#">联系我们</a></span>
<div class="henggang1"> </div>
<div id="top">
<a href="/" style="margin-left: 825px;" class="top1">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
</div>
</span>
</div>
<a href="/graduates.html" class="top4" style="border-bottom: 5px solid blue;">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
</div>
<div class="content1">
<img src="./images/蒙版_1.png" alt="">
@ -245,5 +247,7 @@
// })
})
</script>
<script src="./index.js"></script>
</body>
</html>

BIN
img/ued.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 MiB

BIN
img/uedhead.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 585 KiB

BIN
img/web.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 MiB

BIN
img/webhead.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

125
index.html
View File

@ -10,29 +10,30 @@
<link rel="stylesheet" href="./css/css01.css">
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
<script src="./jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="/css/nav.css">
</head>
<body>
<div class="main">
<div id="top">
<span class="top1">首页</span>
<span class="top2">关于我们</span>
<a href="/" class="top1" style="border-bottom: 5px solid blue;">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<div>java全栈</div>
<div style="width: 116px;">HTML&JS+前端</div>
<div>软件测试</div>
<div>大数据运维</div>
<div>UI/UE设计</div>
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
</div>
</span>
<span class="top4">毕业生风采</span>
<span class="top5">新闻动态</span>
<span class="top6">联系我们</span>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
<div class="tu"><img src="./images/ma.png" alt=""></div>
</div>
<div class="bottem">
@ -128,15 +129,15 @@
<div class="m3s4">
<span onclick="dianji1()" id="ja" style="color:#255DF2">java全栈</span>
<span>&emsp;丨&emsp;</span>
<span onclick="dianji2()" id="ht">HTML&JS+前端</span>
<span onclick="dianji2()" id="ht">HTML&JS+前端</span>
<span>&emsp;丨&emsp;</span>
<span onclick="dianji3()" id="ru">软件测试</span>
<span onclick="dianji3()" id="ru">软件测试</span>
<span>&emsp;丨&emsp;</span>
<span onclick="dianji4()" id="da">大数据运维</span>
<span onclick="dianji4()" id="da">大数据运维</span>
<span>&emsp;丨&emsp;</span>
<span onclick="dianji5()" id="ui">UI/UE设计</span>
<span onclick="dianji5()" id="ui">UI/UE设计</span>
</div>
<div class="qie1" id="qi1">
<div class="m3s5">
<div class="m3s51"><img src="./images/图层 111.png" alt=""></div>
@ -165,7 +166,8 @@
<div class="m3s61"><img src="./images/图层 444.png" alt=""></div>
<span>法律平台</span>
<div class="m3s62"></div>
<p>是一款基于 java 语言开发的论坛系统，采用前后端分离技术java,mysql 提供 api 进行数据支撑，用户界面使用vue框架, element-ui axios vue-router vuex 。
<p>是一款基于 java 语言开发的论坛系统，采用前后端分离技术java,mysql 提供 api 进行数据支撑，用户界面使用vue框架, element-ui axios vue-router vuex
。
</p>
</div>
<div class="m3s7">
@ -721,95 +723,6 @@
},
});
</script>
<script>
// $(".top3").mouseenter(function () {
// // $('.xl').css('display: block;')
// $('.t3-3').stop().slideDown("slow")
// })
// $(".t3-3").mouseleave(function () {
// // $('.xl').css('display: block;')
// $('.t3-3').stop().slideUp("slow")
// })
$(".top3").mouseenter(function () {
// $('.xl').css('display: block;')
$('.t3-3').stop().slideDown("slow")
}).mouseleave(function() {
$('.t3-3').stop().slideUp("slow")
})
$(".t3-3").mouseleave(function () {
// $('.xl').css('display: block;')
$('.t3-3').stop().slideUp("slow")
})
var ja = document.getElementById("ja")
var ht = document.getElementById("ht")
var ru = document.getElementById("ru")
var da = document.getElementById("da")
var ui = document.getElementById("ui")
var qi1 = document.getElementById("qi1")
var qi2 = document.getElementById("qi2")
var qi3 = document.getElementById("qi4")
var qi4 = document.getElementById("qi3")
var qi5 = document.getElementById("qi5")
function dianji1() {
ja.style.color = "#255DF2"
ht.style.color = "#333333"
ru.style.color = "#333333"
da.style.color = "#333333"
ui.style.color = "#333333"
qi1.style.display = "block"
qi2.style.display = "none"
qi3.style.display = "none"
qi4.style.display = "none"
qi5.style.display = "none"
}
function dianji2() {
ja.style.color = "#333333"
ht.style.color = "#255DF2"
ru.style.color = "#333333"
da.style.color = "#333333"
ui.style.color = "#333333"
qi1.style.display = "none"
qi2.style.display = "block"
qi3.style.display = "none"
qi4.style.display = "none"
qi5.style.display = "none"
}
function dianji3() {
ja.style.color = "#333333"
ht.style.color = "#333333"
ru.style.color = "#255DF2"
da.style.color = "#333333"
ui.style.color = "#333333"
qi1.style.display = "none"
qi2.style.display = "none"
qi3.style.display = "none"
qi4.style.display = "none"
qi5.style.display = "block"
}
function dianji4() {
ja.style.color = "#333333"
ht.style.color = "#333333"
ru.style.color = "#333333"
da.style.color = "#255DF2"
ui.style.color = "#333333"
qi1.style.display = "none"
qi2.style.display = "none"
qi3.style.display = "none"
qi4.style.display = "block"
qi5.style.display = "none"
}
function dianji5() {
ja.style.color = "#333333"
ht.style.color = "#333333"
ru.style.color = "#333333"
da.style.color = "#333333"
ui.style.color = "#255DF2"
qi1.style.display = "none"
qi2.style.display = "none"
qi3.style.display = "block"
qi4.style.display = "none"
qi5.style.display = "none"
}
</script>
<script src="./index.js"></script>
</html>

88
index.js Normal file
View File

@ -0,0 +1,88 @@
// $(".top3").mouseenter(function () {
// // $('.xl').css('display: block;')
// $('.t3-3').stop().slideDown("slow")
// })
// $(".t3-3").mouseleave(function () {
// // $('.xl').css('display: block;')
// $('.t3-3').stop().slideUp("slow")
// })
$(".top3").mouseenter(function () {
// $('.xl').css('display: block;')
$('.t3-3').stop().slideDown("slow")
}).mouseleave(function () {
$('.t3-3').stop().slideUp("slow")
})
$(".t3-3").mouseleave(function () {
// $('.xl').css('display: block;')
$('.t3-3').stop().slideUp("slow")
})
var ja = document.getElementById("ja")
var ht = document.getElementById("ht")
var ru = document.getElementById("ru")
var da = document.getElementById("da")
var ui = document.getElementById("ui")
var qi1 = document.getElementById("qi1")
var qi2 = document.getElementById("qi2")
var qi3 = document.getElementById("qi4")
var qi4 = document.getElementById("qi3")
var qi5 = document.getElementById("qi5")
function dianji1() {
ja.style.color = "#255DF2"
ht.style.color = "#333333"
ru.style.color = "#333333"
da.style.color = "#333333"
ui.style.color = "#333333"
qi1.style.display = "block"
qi2.style.display = "none"
qi3.style.display = "none"
qi4.style.display = "none"
qi5.style.display = "none"
}
function dianji2() {
ja.style.color = "#333333"
ht.style.color = "#255DF2"
ru.style.color = "#333333"
da.style.color = "#333333"
ui.style.color = "#333333"
qi1.style.display = "none"
qi2.style.display = "block"
qi3.style.display = "none"
qi4.style.display = "none"
qi5.style.display = "none"
}
function dianji3() {
ja.style.color = "#333333"
ht.style.color = "#333333"
ru.style.color = "#255DF2"
da.style.color = "#333333"
ui.style.color = "#333333"
qi1.style.display = "none"
qi2.style.display = "none"
qi3.style.display = "none"
qi4.style.display = "none"
qi5.style.display = "block"
}
function dianji4() {
ja.style.color = "#333333"
ht.style.color = "#333333"
ru.style.color = "#333333"
da.style.color = "#255DF2"
ui.style.color = "#333333"
qi1.style.display = "none"
qi2.style.display = "none"
qi3.style.display = "none"
qi4.style.display = "block"
qi5.style.display = "none"
}
function dianji5() {
ja.style.color = "#333333"
ht.style.color = "#333333"
ru.style.color = "#333333"
da.style.color = "#333333"
ui.style.color = "#255DF2"
qi1.style.display = "none"
qi2.style.display = "none"
qi3.style.display = "block"
qi4.style.display = "none"
qi5.style.display = "none"
}

60
java.html
View File

@ -13,49 +13,30 @@
<style>
</style>
<link rel="stylesheet" href="/css/nav.css">
</head>
<body>
<div id="navigation">
<ul id="navigation-ul">
<a href="#">
<div id="Home">首页</div>
</a>
<a href="#">
<div id="concerning">关于我们</div>
</a>
<a href="#">
<div id="course">课程体系
<div id="Drop-down-box">
<ul>
<li>Java全栈</li>
<li>HTML&JS+前端</li>
<li>软件测试</li>
<li>大数据运维</li>
<li>UI/ue设计</li>
</ul>
</div>
<div id="top">
<a href="/" style="margin-left: 825px;" class="top1">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3" style="border-bottom: 5px solid blue;">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
<p id="arrowhead">
<img id="arrowhead-img" src="img/图层 9.png">
</p>
</a>
<a href="#">
<div id="graduate">毕业生风采</div>
</a>
<a href="#">
<div id="News">新闻动态</div>
</a>
<a href="#">
<div id="contact">联系我们</div>
</a>
</div>
</span>
<div id="underline"></div>
</ul>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
</div>
<div id="Principal">
@ -68,7 +49,7 @@
<p id="java">Java全栈</p>
</a>
<div class="imgs">
<img src="img/1.png">
<img style="width: 614px;height: 346px;" src="img/1.png">
</div>
<div class="title">Java全栈工程师</div>
<div class="title-1">授课老师：小张北</div>
@ -692,4 +673,5 @@
});
</script>
</script>
<script src="./index.js"></script>

41
localtion.html
View File

@ -5,6 +5,8 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="/css/nav.css">
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="css.css">
@ -12,24 +14,27 @@
<body>
<div class="wrap">
<div class="top">
<div class="nav">
<span><a href="#">首页</a></span>
<span><a href="#">关于我们</a></span>
<span><a href="#">课程体系</a><img src="./images/图层 9.png" alt=""></span>
<span><a href="#">毕业生风采</a></span>
<span><a href="#">新闻动态</a></span>
<span><a href="#" class="a1">联系我们</a></span>
<div class="henggang"> </div>
<div class="dianji">
java全栈 </br>
HTML&JS+前端 </br>
软件测试 </br>
大数据运维</br>
UI/UE设计
<div id="top">
<a href="/" style="margin-left: 825px;" class="top1">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
</div>
</div>
</span>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6" style="border-bottom: 5px solid blue;">联系我们</a>
</div>
<div class="content">
<img src="./images/背景.jpg" alt="">
<div class="lxwm">联系我们</div>
@ -45,7 +50,7 @@
</div>
</div>
<div class="tukuang">
<img src="./images/地图.png" alt="" class="tu">
<img src="./images/地图.png" alt="" class="tu2">
</div>
</div>
</div>
@ -75,6 +80,8 @@
})
})
</script>
<script src="./index.js"></script>
</body>
</html>

112
softwaretest.html
View File

@ -13,49 +13,30 @@
<style>
</style>
<link rel="stylesheet" href="/css/nav.css">
</head>
<body>
<div id="navigation">
<ul id="navigation-ul">
<a href="#">
<div id="Home">首页</div>
</a>
<a href="#">
<div id="concerning">关于我们</div>
</a>
<a href="#">
<div id="course">课程体系
<div id="Drop-down-box">
<ul>
<li>Java全栈</li>
<li>HTML&JS+前端</li>
<li>软件测试</li>
<li>大数据运维</li>
<li>UI/ue设计</li>
</ul>
</div>
<div id="top">
<a href="/" style="margin-left: 825px;" class="top1">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3" style="border-bottom: 5px solid blue;">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
<p id="arrowhead">
<img id="arrowhead-img" src="img/图层 9.png">
</p>
</a>
<a href="#">
<div id="graduate">毕业生风采</div>
</a>
<a href="#">
<div id="News">新闻动态</div>
</a>
<a href="#">
<div id="contact">联系我们</div>
</a>
</div>
</span>
<div id="underline"></div>
</ul>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
</div>
<div id="Principal">
@ -65,17 +46,16 @@
</div>
</a>
<a href="#">
<p id="java">Java全栈</p>
<p id="java">高级测试工程师</p>
</a>
<div class="imgs">
<img src="img/a1.png">
<img style="width: 614px;height: 346px;" src="img/a1.png">
</div>
<div class="title">Java全栈工程师</div>
<div class="title-1">授课老师：小张北</div>
<div class="title">高级测试工程师</div>
<div class="title-1">授课老师：薛宝鑫</div>
<div class="title-2">助教老师：王小样</div>
<div class="title-3">开课时间：2022-05-22至2022-11-22</div>
<div class="Time">
<div class="date-1">6个月</div>
<div class="date-1">4个月</div>
<div class="all-day-1">全天</div>
<div class="Application-1">报名中</div>
<div class="date-2">课程时长</div>
@ -84,7 +64,7 @@
</div>
<div class="Price">价格：</div>
<div class="money">￥16500.00</div>
<div class="money">￥16300.00</div>
<a href="#">
<div class="immediately">
<p>立即了解</p>
@ -98,7 +78,7 @@
</a>
</div>
</a>
<div class="swiper mySwiper">
<!-- <div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div id="Principal-two">
@ -196,12 +176,7 @@
</button>
</a>
</div>
<!-- <div id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</div> -->
</div>
</div>
<div class="swiper-slide">
@ -300,12 +275,7 @@
</button>
</a>
</div>
<!-- <div id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</div> -->
</div>
</div>
<div class="swiper-slide">
@ -404,12 +374,7 @@
</button>
</a>
</div>
<!-- <div id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</div> -->
</div>
</div>
</div>
@ -421,7 +386,7 @@
<img class="swiper-button-prev" style="left: 667PX; top: 492PX; width: 65PX; height: 43PX;"
src="img/down.png">
</div>
</div>
</div> -->
<!-- <div id="Principal-two">
<div class="One">
<div class="One-top">
@ -524,27 +489,27 @@
<img src="img/up.png" >
</div>
</div> -->
<div class="course-img">
<div class="course-img" style="top: 435px;">
<img class="course-img1" src="img/a2.png">
</div>
<div class="vx-Principal">
<p class="bzr">班主任【某某某老师】微信</p>
<div class="vx-Principal" style="top: 435px;">
<p class="bzr">班主任【薛宝鑫】微信</p>
<div id="Two-microcodes">
<div class="avatar">
<img src="img/图1.jpg">
</div>
<p class="vx-name">王小样</p>
<samp class="Personalized-signature">JAVA全栈工程师</samp>
<samp class="Personalized-signature">WEB前端工程师</samp>
</div>
<div id="QR-code"></div>
<p class="Sweep">扫一扫上面的二维码，加老师微信</p>
<div class="WeChat">
<p>微信号: weixinmingzi </p>
<span>联系电话:15800000000</span>
<p>微信号: 18953829598 </p>
<span>联系电话:18953829598</span>
</div>
<div class="Questions-to-ask">如有疑问，请联系班主任老师咨询</div>
</div>
<div class="lecturer-Principal">
<div class="lecturer-Principal" style="top: 1044px;">
<p class="Principal">讲师</p>
<div class="tx">
<img class="tx-img" src="img/图2.jpg">
@ -575,7 +540,7 @@
</div>
</div>
<div class="student">
<div class="student" style="top: 1485px;">
<div class="titie">学生列表</div>
<ul class="titie-img">
<li><img class="t1" src="img/图6.jpg"></li>
@ -692,4 +657,5 @@
});
</script>
</script>
<script src="./index.js"></script>

661
ued.html Normal file
View File

@ -0,0 +1,661 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课程体系</title>
<link rel="stylesheet" href="课程体系.css">
<script src="jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="swiper-bundle.min.css">
<script src="swiper-bundle.min.js"></script>
<style>
</style>
<link rel="stylesheet" href="/css/nav.css">
</head>
<body>
<div id="top">
<a href="/" style="margin-left: 825px;" class="top1">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3" style="border-bottom: 5px solid blue;">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
</div>
</span>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
</div>
<div id="Principal">
<a href="#">
<div id="shouye">
首页>课程>
</div>
</a>
<a href="#">
<p id="java">UI/UE设计工程师</p>
</a>
<div class="imgs">
<img style="width: 614px;height: 346px;" src="img/uedhead.png">
</div>
<div class="title">UI/UE设计工程师</div>
<div class="title-1">授课老师：薛宝鑫</div>
<div class="title-2">助教老师：王小样</div>
<div class="Time">
<div class="date-1">6个月</div>
<div class="all-day-1">全天</div>
<div class="Application-1">报名中</div>
<div class="date-2">课程时长</div>
<div class="all-day-2">上课时间</div>
<div class="Application-2">当前状态</div>
</div>
<div class="Price">价格：</div>
<div class="money">￥16300.00</div>
<a href="#">
<div class="immediately">
<p>立即了解</p>
</div>
</a>
<a href="#">
<div class="Audition">
<p class="Audition-p">免费试听</p>
<a href="#">
<img class="Audition-img" src="img/形状.png">
</a>
</div>
</a>
<!-- <div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】关键字、标识符、注释、变量</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917139023410570#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第二节】赋值案例</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917143318377866#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第三节】变量累加赋值</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917147613345162#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第四节】常量、进制</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913934977807754#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第五节】原码、反码、负数的二进制表现式</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913939272775050#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第六节】数据类型</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913943567742346#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第七节】数据类型如何赋值以及注意事项</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913947862709642#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第八节】数据类型声明变量的内存模型</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913952157676938#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第九节】数据类型转换自动类型转换</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913956452644234#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十节】整形、字符型、浮点型数据混合运算</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917151908312458#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十一节】数据类型转换练习</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917156203279754#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十二节】编码表</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917160498247050#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十三节】算数运算符</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917164793214346#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十四节】算数运算符自增自减</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913977927480714#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十五节】逻辑运算</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917169088181642#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十六节】赋值运算符，比较运算符</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917173383148938#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十七节】运算符-与、或、异或、反码运算</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917177678116234#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十八节】运算符左移、右移、无符号右移</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917181973083530#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
</div>
</div>
</div>
<div>
<img class="swiper-button-next" style="left: 720PX; top: 492PX; width: 65PX; height: 43PX; "
src="img/up.png">
</div>
<div>
<img class="swiper-button-prev" style="left: 667PX; top: 492PX; width: 65PX; height: 43PX;"
src="img/down.png">
</div>
</div> -->
<!-- <div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规，超出宽度…</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917139023410570#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第二节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917143318377866#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917147613345162#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规，超出宽度…</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913934977807754#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第二节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913939272775050#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913943567742346#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</div>
</div> -->
<div class="course-img" style="top: 435px;">
<img class="course-img1" src="img/ued.png">
</div>
<div class="vx-Principal" style="top: 435px;">
<p class="bzr">班主任【薛宝鑫】微信</p>
<div id="Two-microcodes">
<div class="avatar">
<img src="img/图1.jpg">
</div>
<p class="vx-name">王小样</p>
<samp class="Personalized-signature">WEB前端工程师</samp>
</div>
<div id="QR-code"></div>
<p class="Sweep">扫一扫上面的二维码，加老师微信</p>
<div class="WeChat">
<p>微信号: 18953829598 </p>
<span>联系电话:18953829598</span>
</div>
<div class="Questions-to-ask">如有疑问，请联系班主任老师咨询</div>
</div>
<div class="lecturer-Principal" style="top: 1044px;">
<p class="Principal">讲师</p>
<div class="tx">
<img class="tx-img" src="img/图2.jpg">
</div>
<p class="teacher">张小北</p>
<span class="introduce">这里老师简介，这是老师简…</span>
<div class="Down-arrow">
<img src="img/图层 9.png">
</div>
<div class="Courses-are-taught">
<p>授课内容：</p>
<samp>第1节，第2节，第3节，第4节,第5节</samp>
</div>
<div class="tx1">
<img class="tx-img" src="img/图2.jpg">
</div>
<p class="teacher-1">张小北</p>
<span class="introduce-1">这里老师简介，这是老师简…</span>
<div class="Down-arrow-1">
<img src="img/图层 9.png">
</div>
<div class="Courses-are-taught-1">
<p>授课内容：</p>
<samp>第1节，第2节，第3节，第4节,第5节</samp>
</div>
</div>
<div class="student" style="top: 1485px;">
<div class="titie">学生列表</div>
<ul class="titie-img">
<li><img class="t1" src="img/图6.jpg"></li>
<li><img class="t1" src="img/图5.jpg"></li>
<li><img class="t1" src="img/图7.jpg"></li>
</ul>
<ul class="titie-text">
<li>
<p>张小北</p>
</li>
<li>
<p>油腻的青…</p>
</li>
<li>
<p>梅莎拉</p>
</li>
</ul>
<ul class="titie-img-1">
<li><img class="t1" src="img/图3.jpg"></li>
<li><img class="t1" src="img/图4.jpg"></li>
<li><img class="t1" src="img/图8.jpg"></li>
</ul>
<ul class="titie-text-1">
<li>
<p>张小北</p>
</li>
<li>
<p>油腻的青…</p>
</li>
<li>
<p>梅莎拉</p>
</li>
</ul>
<ul class="titie-img-2">
<li><img class="t1" src="img/图9.jpg"></li>
<li><img class="t1" src="img/图10.jpg"></li>
<li><img class="t1" src="img/图11.jpg"></li>
</ul>
<ul class="titie-text-2">
<li>
<p>张小北</p>
</li>
<li>
<p>油腻的青…</p>
</li>
<li>
<p>梅莎拉</p>
</li>
</ul>
</div>
<div class="Bottom-navigation">
<div class="About-us">关于我们</div>
<div class="Learning-resources">学习资源</div>
<div class="frequently-asked-questions">常见问题</div>
<div class="Quick-navigation">快速导航</div>
<div class="cp">ICP备案编号：京ICP备18051111号-2 版权所有：码小白训练营</div>
</div>
</div>
</body>
</html>
<script>
// var cou = document.getElementById("course")
// var dou =document.getElementById("Drop-down-box")
// cou.class
// if(event.target.className =="cou"){
// div.style="display:block "
// }
// cou.onmouseenter=function(event){
// console.log(event.target)
// let div=document.getElementById("Drop-down-box")
// div.style="display: block"
// }
</script>
<script>
// $(document).ready(function () {
// $("#arrowhead-img").click(function () {
// $("#Drop-down-box").slideDown(1500)
// })
// $("a>#arrowhead").mouseleave(function () {
// $("#Drop-down-box").slideUp(1500)
// })
// })
   $("#course").mouseenter(function () {
       
        $('#Drop-down-box').stop().slideDown("slow")
    }).mouseleave(function() {
        $('#Drop-down-box').stop().slideUp("slow")
    })
    $("#Drop-down-box").mouseleave(function () {
       
        $('#Drop-down-box').stop().slideUp("slow")
    })
</script>
<script>
var swiper = new Swiper(".mySwiper", {
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>
<script src="./index.js"></script>

661
web.html Normal file
View File

@ -0,0 +1,661 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课程体系</title>
<link rel="stylesheet" href="课程体系.css">
<script src="jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="swiper-bundle.min.css">
<script src="swiper-bundle.min.js"></script>
<style>
</style>
<link rel="stylesheet" href="/css/nav.css">
</head>
<body>
<div id="top">
<a href="/" style="margin-left: 825px;" class="top1">首页</a>
<a href="/about.html" class="top2">关于我们</a>
<span class="top3" style="border-bottom: 5px solid blue;">课程体系
<div class="t3-2"><img src="./images/图层 9.png" alt=""></div>
<div class="t3-3">
<div class="t3-3-1">
<a href="/java.html">java全栈</a>
<a href="/web.html" style="width: 116px;">HTML&JS+前端</a>
<a href="/softwaretest.html">软件测试</a>
<a>大数据运维</a>
<a href="/ued.html">UI/UE设计</a>
</div>
</div>
</span>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
</div>
<div id="Principal">
<a href="#">
<div id="shouye">
首页>课程>
</div>
</a>
<a href="#">
<p id="java">WEB前端工程师</p>
</a>
<div class="imgs">
<img style="width: 614px;height: 346px;" src="img/webhead.png">
</div>
<div class="title">WEB前端工程师</div>
<div class="title-1">授课老师：薛宝鑫</div>
<div class="title-2">助教老师：王小样</div>
<div class="Time">
<div class="date-1">4个月</div>
<div class="all-day-1">全天</div>
<div class="Application-1">报名中</div>
<div class="date-2">课程时长</div>
<div class="all-day-2">上课时间</div>
<div class="Application-2">当前状态</div>
</div>
<div class="Price">价格：</div>
<div class="money">￥16300.00</div>
<a href="#">
<div class="immediately">
<p>立即了解</p>
</div>
</a>
<a href="#">
<div class="Audition">
<p class="Audition-p">免费试听</p>
<a href="#">
<img class="Audition-img" src="img/形状.png">
</a>
</div>
</a>
<!-- <div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】关键字、标识符、注释、变量</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917139023410570#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第二节】赋值案例</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917143318377866#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第三节】变量累加赋值</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917147613345162#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第四节】常量、进制</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913934977807754#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第五节】原码、反码、负数的二进制表现式</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913939272775050#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第六节】数据类型</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913943567742346#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第七节】数据类型如何赋值以及注意事项</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913947862709642#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第八节】数据类型声明变量的内存模型</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913952157676938#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第九节】数据类型转换自动类型转换</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913956452644234#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十节】整形、字符型、浮点型数据混合运算</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917151908312458#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十一节】数据类型转换练习</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917156203279754#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十二节】编码表</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917160498247050#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十三节】算数运算符</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917164793214346#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十四节】算数运算符自增自减</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913977927480714#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十五节】逻辑运算</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917169088181642#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十六节】赋值运算符，比较运算符</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917173383148938#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十七节】运算符-与、或、异或、反码运算</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917177678116234#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第十八节】运算符左移、右移、无符号右移</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917181973083530#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
</div>
</div>
</div>
<div>
<img class="swiper-button-next" style="left: 720PX; top: 492PX; width: 65PX; height: 43PX; "
src="img/up.png">
</div>
<div>
<img class="swiper-button-prev" style="left: 667PX; top: 492PX; width: 65PX; height: 43PX;"
src="img/down.png">
</div>
</div> -->
<!-- <div id="Principal-two">
<div class="One">
<div class="One-top">
<div class="One-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规，超出宽度…</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917139023410570#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Two">
<div class="Two-top">
<div class="Two-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第二节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917143318377866#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Three">
<div class="Three-top">
<div class="Three-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3917147613345162#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Four">
<div class="Four-top">
<div class="Four-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规，超出宽度…</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913934977807754#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Five">
<div class="Five-top">
<div class="Five-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第二节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913939272775050#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div class="Six">
<div class="Six-top">
<div class="Six-top-text">
<p>精品课</p>
</div>
<samp class="Hick">时长：45分钟</samp>
</div>
<div class="text">【第一节】核技术利用辐射安全法律法规</div>
<div class="text-2"> &nbsp讲师：田野</div>
<a href="https://ke.qq.com/course/439690/3913943567742346#term_id=100525115">
<button id="but1">
<p class="but1-p">观看视频</p>
</button>
</a>
</div>
<div id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</div>
</div> -->
<div class="course-img" style="top: 435px;">
<img class="course-img1" src="img/web.png">
</div>
<div class="vx-Principal" style="top: 435px;">
<p class="bzr">班主任【薛宝鑫】微信</p>
<div id="Two-microcodes">
<div class="avatar">
<img src="img/图1.jpg">
</div>
<p class="vx-name">王小样</p>
<samp class="Personalized-signature">WEB前端工程师</samp>
</div>
<div id="QR-code"></div>
<p class="Sweep">扫一扫上面的二维码，加老师微信</p>
<div class="WeChat">
<p>微信号: 18953829598 </p>
<span>联系电话:18953829598</span>
</div>
<div class="Questions-to-ask">如有疑问，请联系班主任老师咨询</div>
</div>
<div class="lecturer-Principal" style="top: 1044px;">
<p class="Principal">讲师</p>
<div class="tx">
<img class="tx-img" src="img/图2.jpg">
</div>
<p class="teacher">张小北</p>
<span class="introduce">这里老师简介，这是老师简…</span>
<div class="Down-arrow">
<img src="img/图层 9.png">
</div>
<div class="Courses-are-taught">
<p>授课内容：</p>
<samp>第1节，第2节，第3节，第4节,第5节</samp>
</div>
<div class="tx1">
<img class="tx-img" src="img/图2.jpg">
</div>
<p class="teacher-1">张小北</p>
<span class="introduce-1">这里老师简介，这是老师简…</span>
<div class="Down-arrow-1">
<img src="img/图层 9.png">
</div>
<div class="Courses-are-taught-1">
<p>授课内容：</p>
<samp>第1节，第2节，第3节，第4节,第5节</samp>
</div>
</div>
<div class="student" style="top: 1485px;">
<div class="titie">学生列表</div>
<ul class="titie-img">
<li><img class="t1" src="img/图6.jpg"></li>
<li><img class="t1" src="img/图5.jpg"></li>
<li><img class="t1" src="img/图7.jpg"></li>
</ul>
<ul class="titie-text">
<li>
<p>张小北</p>
</li>
<li>
<p>油腻的青…</p>
</li>
<li>
<p>梅莎拉</p>
</li>
</ul>
<ul class="titie-img-1">
<li><img class="t1" src="img/图3.jpg"></li>
<li><img class="t1" src="img/图4.jpg"></li>
<li><img class="t1" src="img/图8.jpg"></li>
</ul>
<ul class="titie-text-1">
<li>
<p>张小北</p>
</li>
<li>
<p>油腻的青…</p>
</li>
<li>
<p>梅莎拉</p>
</li>
</ul>
<ul class="titie-img-2">
<li><img class="t1" src="img/图9.jpg"></li>
<li><img class="t1" src="img/图10.jpg"></li>
<li><img class="t1" src="img/图11.jpg"></li>
</ul>
<ul class="titie-text-2">
<li>
<p>张小北</p>
</li>
<li>
<p>油腻的青…</p>
</li>
<li>
<p>梅莎拉</p>
</li>
</ul>
</div>
<div class="Bottom-navigation">
<a class="About-us">关于我们</a>
<a class="Learning-resources">学习资源</a>
<a class="frequently-asked-questions">常见问题</a>
<!-- <div class="Quick-navigation">快速导航</div> -->
<a class="cp">ICP备案编号：京ICP备18051111号-2 版权所有：码小白训练营</a>
</div>
</div>
</body>
</html>
<script>
// var cou = document.getElementById("course")
// var dou =document.getElementById("Drop-down-box")
// cou.class
// if(event.target.className =="cou"){
// div.style="display:block "
// }
// cou.onmouseenter=function(event){
// console.log(event.target)
// let div=document.getElementById("Drop-down-box")
// div.style="display: block"
// }
</script>
<script>
// $(document).ready(function () {
// $("#arrowhead-img").click(function () {
// $("#Drop-down-box").slideDown(1500)
// })
// $("a>#arrowhead").mouseleave(function () {
// $("#Drop-down-box").slideUp(1500)
// })
// })
   $("#course").mouseenter(function () {
       
        $('#Drop-down-box').stop().slideDown("slow")
    }).mouseleave(function() {
        $('#Drop-down-box').stop().slideUp("slow")
    })
    $("#Drop-down-box").mouseleave(function () {
       
        $('#Drop-down-box').stop().slideUp("slow")
    })
</script>
<script>
var swiper = new Swiper(".mySwiper", {
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>
<script src="./index.js"></script>

8
课程体系.css
View File

@ -158,7 +158,7 @@
}
#java {
width: 56px;
/* width: 56px; */
height: 15px;
font-size: 14px;
font-family: PingFang SC;
@ -180,7 +180,7 @@
}
.title {
width: 217px;
/* width: 217px; */
height: 27px;
font-size: 29px;
font-family: PingFang SC;
@ -981,7 +981,7 @@
.course-img {
width: 1061px;
height: 7483px;
/* height: 7483px; */
/* background-color: red; */
position: absolute;
left: 242px;
@ -990,7 +990,7 @@
.course-img1 {
width: 1061px;
height: 7483px;
/* height: 7483px; */
position: absolute;
left: 0px;
top: 0px;