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
Download Patch File Download Diff File Expand all files Collapse all files

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>