guanwang/softwaretest.html
2022-06-25 17:41:47 +08:00

695 lines
30 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
</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>
<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 id="underline"></div>
</ul>
</div>
<div id="Principal">
<a href="#">
<div id="shouye">
首页>课程>
</div>
</a>
<a href="#">
<p id="java">Java全栈</p>
</a>
<div class="imgs">
<img src="img/a1.png">
</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">¥16500.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/a2.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">
<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>