theluyuan/guanwang
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
464a193856
guanwang/java.html

678 lines
30 KiB
HTML
Raw Normal View History

init
2022-06-25 17:41:47 +08:00
<!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>
修改
2022-06-25 19:06:09 +08:00
<link rel="stylesheet" href="/css/nav.css">
init
2022-06-25 17:41:47 +08:00
</head>
<body>
修改
2022-06-25 19:06:09 +08:00
<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>
init
2022-06-25 17:41:47 +08:00
</div>
修改
2022-06-25 19:06:09 +08:00
</div>
</span>
<a href="/graduates.html" class="top4">毕业生风采</a>
<a class="top5">新闻动态</a>
<a href="/localtion.html" class="top6">联系我们</a>
init
2022-06-25 17:41:47 +08:00
</div>
<div id="Principal">
<a href="#">
<div id="shouye">
首页>课程>
</div>
</a>
<a href="#">
<p id="java">Java全栈</p>
</a>
<div class="imgs">
修改
2022-06-25 19:06:09 +08:00
<img style="width: 614px;height: 346px;" src="img/1.png">
init
2022-06-25 17:41:47 +08:00
</div>
<div class="title">Java全栈工程师</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="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 id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</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 id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</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 id="left">
<img src="img/down.png" >
</div>
<div id="right">
<img src="img/up.png" >
</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">
<img class="course-img1" src="img/码小白.png">
</div>
<div class="vx-Principal">
<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>
</div>
<div id="QR-code"></div>
<p class="Sweep">扫一扫上面的二维码，加老师微信</p>
<div class="WeChat">
<p>微信号: weixinmingzi </p>
<span>联系电话:15800000000</span>
</div>
<div class="Questions-to-ask">如有疑问，请联系班主任老师咨询</div>
</div>
<div class="lecturer-Principal">
<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">
<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">
release 1.0
2022-06-25 23:12:53 +08:00
<a href="/about.html" class="About-us">关于我们</a>
<a href="#" class="Learning-resources">学习资源</a>
<a href="#" class="frequently-asked-questions">常见问题</a>
<a href="#" class="Quick-navigation">快速导航</a>
<a class="cp">ICP备案编号：京ICP备18051111号-2 版权所有：码小白训练营</a>
init
2022-06-25 17:41:47 +08:00
</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",
},
});
修改
2022-06-25 19:06:09 +08:00
</script>
<script src="./index.js"></script>
Reference in New Issue Copy Permalink