web實驗二
2024.12.19
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>青島理工大學</title><link rel="stylesheet" href="./css/base.css"><link rel="stylesheet" href="./css/index.css"><style>.top {display: flex;height: 40px;background: #000;color: #FFF;font-size: 14px;}.top1 {line-height: 40px;height: 40px;width: 90px;}.time {margin: 10px 0px;}.logo {width: 358px;height: 82px;margin-top: 22px;}.up {width: 100%;height: 128px;background: #90000a;min-width: 1200px;}.menu {display: flex;text-align: center;line-height: 43px;height: 43px;font-size: 15px;color: #FFF;/* background: #90000A; */background-color: #6f020a}.submenu1 {width: 100px;background: #90000A;}.submenu2 {width: 100px;position: relative;border-right: #000 solid 1px;}.submenu2:hover {background-color: #90000A;}.submenu2:hover .subsubmenu2 {display: block;}.subsubmenu2 {display: none;/*防止圖片阻擋 */position: absolute;width: 150px;margin-left: -25px;background-color: #6f020a;}.subsubmenu2 li:hover {background-color: #90000A;}.submenu {width: 100px;border-right: #000 solid 1px;}.submenu:hover {background-color: #90000A;}/* END */.body1 {height: 386px;color: #000;margin-top: 30px;}/* .UP1 {display: flex;justify-content: space-between;} */.up1_l {float: left;width: 764px;height: 46px;background-color: #90000A;margin: 0px 0px 10px;}.up1_r {float: right;width: 410px;height: 46px;background-color: #90000A;margin: 0px 0px 10px;}.up_l {float: left;width: 121px;color: #fff;font-size: 24px;text-align: right;line-height: 46px;}.up_r {float: right;width: 70px;line-height: 46px;}.up_r_a {font-size: 14px;height: 19px;color: #FFF;}/* upnews */.upnews {width: 360px;height: 300px;color: #000;font-size: 12px;padding-bottom: 20px;}.UP_content img {float: left;}.UP_content .upnews {float: left;}.UP_content .upnews div {width: 360px;height: 46px;color: #000;font-size: 12px;line-height: 46px;}hr {border: rgb(229, 227, 227) solid 1px;}.UP_content .upnews h2 {font-size: 14px;font-weight: normal;color: #333;}.UP_content .upnews a:hover {color: #90000A;}.UP_content2 {float: right;width: 410px;height: 300px;color: #000;font-size: 12px;padding-bottom: 20px;}.UP_content2 div {width: 330x;line-height: 46px;height: 46px;}.UP_content2 a {float: left;height: 19px;font-size: 14px;}.UP_content2 h3 {width: 50px;height: 25px;float: right;font-size: 14px;font-weight: normal;color: #90000A;}/* END */</style>
</head><body><div class="wrapper"><!-- 頂部 --><div class="top"><div class="top1">今日時間：</div><div class="time"></div></div><!-- Logo --><div class="up"><img class="logo" src="https://www.qut.edu.cn/images/qd_06.jpg" alt="" title="青島理工大學主站"></div><!-- menu --><div class="control"><div class="menu"><div class="submenu1">首頁</div><ul><li class="submenu2">校情總覽<ul class="subsubmenu2"><li>學校概況</li><li>歷史沿革</li><li>歷任領導</li><li>現任領導</li><li>學校標志</li><li>臨沂校區</li></ul></li></ul><div class="submenu">組織機構</div><div class="submenu">院部設置</div><div class="submenu">師資隊伍</div><div class="submenu">教育教學</div><div class="submenu">科學研究</div><div class="submenu">招生就業</div><div class="submenu">國際交流</div><div class="submenu">公共服務</div><div class="submenu">校園生活</div><div class="submenu">理工新聞</div></div><!-- img --><div><img height="465" width="100%" src="https://www.qut.edu.cn/images/20240628115542.jpg" alt=""></div></div><!-- body1 --><div class="body1"><div class="UP1"><div class="up1_l"><div class="up_l">理工要聞</div><div class="up_r"><a class="up_r_a" href="#">更多>></a></div></div><div class="up1_r"><div class="up_l">學術動態</div><div class="up_r"><a class="up_r_a" href="#">更多>></a></div></div></div><div class="UP_content"><img src="https://www.qut.edu.cn/__local/C/FC/A5/4A3B9C26064EA97E586654B475E_EECB7361_2E9B9.png"width="380" height="280" style="margin-right: 20px;" alt=""><div class="upnews"><div><h2><a href="https://www.qut.edu.cn/info/1051/31982.htm">我校首次獲批國家自然學科基金數學天元基金項目</a></h2></div><hr><div><h2><a href="#">青島西海岸新區副區長趙楠來校調研交流</a></h2><hr></div><div><h2><a href="">學校參加全國第二屆城鄉規劃專業研究生教育年會“國...</a></h2><hr></div><div><h2><a href="">學校舉行首屆喬冰?菁華獎學金頒獎儀式</a></h2><hr></div><div><h2><a href="">學校第二十二屆外語文化節閉幕</a></h2><hr></div><div><h2><a href="">臨沂校區新當選“兩委”委員赴時代楷模趙志全同志紀...</a></h2><hr></div></div></div><div class="UP_content2"><div><a href="">學術預告|理學院析理行遠大講堂第47講: 含天...</a><h3>12-16</h3><br><hr></div><div><a href="">黨委常委、副校長陳連軍帶隊參加2024中國煤...</a><h3>12-14</h3><br><hr></div><div><a href="">人文與外國語學院召開2025年度高水平科研成...</a><h3>12-13</h3><br><hr></div><div><a href="">學術預告|理學院析理行遠大講堂第46講:Fault...</a><h3>12-10</h3><br><hr></div><div><a href="">科技處舉辦“禮賢科技大講堂”活動</a><h3>12-09</h3><br><hr></div><div><a href="">藝術與設計學院舉辦高水平基金項目申報培育...</a><h3>12-09</h3><br><hr></div></div></div></div><script>function updateTime() {const date = new Date()let year = date.getFullYear()let month = date.getMonth() + 1let day = date.getDate()let week = date.getDay()let hour = date.getHours()let minute = date.getMinutes()let second = date.getSeconds()hour = hour < 10 ? '0' + hour : hourminute = minute < 10 ? '0' + minute : minutesecond = second < 10 ? '0' + second : second// date.toLocaleDateString 簡單寫法const dayOfWeek = ['日', '一', '二', '三', '四', '五', '六',]return `${year}年${month}月${day}日星期${dayOfWeek[week]}${hour}:${minute}:${second}`}const timeDiv = document.querySelector('.time')timeDiv.innerHTML = updateTime();setInterval(function () {timeDiv.innerHTML = updateTime()}, 1000)</script></body></html>
