695 lines
30 KiB
HTML
695 lines
30 KiB
HTML
|
<!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/1.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">￥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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">  讲师：田野</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">
|
|||
|
|
<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>
|