時(shí)間：2023-05-07 07:00:02 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-05-07 07:00:02 來源：網(wǎng)站運(yùn)營
網(wǎng)頁源代碼記錄（2022年12月13日）：上次的文章我沒刪，這次新寫一篇。上次的文章可以訪問我的主頁觀看。
在線咨詢
<html> <head> <meta charset="utf-8"> <title>首頁-HT</title> <script> window.oncontextmenu = function(e) { e.preventDefault(); //取消默認(rèn)的瀏覽器自帶右鍵 var evt = window.event || arguments[0]; var menu = document.getElementById('menu'); //獲取右鍵菜單 var container = document.getElementById('container'); //獲取區(qū)域 /*獲取當(dāng)前鼠標(biāo)右鍵按下后的位置，據(jù)此定義菜單顯示的位置*/ var rightedge = container.clientWidth - evt.clientX; var bottomedge = container.clientHeight - evt.clientY; console.log(container.clientHeight); /*如果從鼠標(biāo)位置到容器右邊的空間小于菜單的寬度，就定位菜單的左坐標(biāo)（Left）為當(dāng)前鼠標(biāo)位置向左一個(gè)菜單寬度*/ if (rightedge < menu.offsetWidth) { menu.style.left = container.scrollLeft + evt.clientX - menu.offsetWidth + "px"; } else { /*否則，就定位菜單的左坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.left = container.scrollLeft + evt.clientX + "px"; } /*如果從鼠標(biāo)位置到容器下邊的空間小于菜單的高度，就定位菜單的上坐標(biāo)（Top）為當(dāng)前鼠標(biāo)位置向上一個(gè)菜單高度*/ if (bottomedge < menu.offsetHeight) { menu.style.top = container.scrollTop + evt.clientY - menu.offsetHeight + "px"; } else { /*否則，就定位菜單的上坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.top = container.scrollTop + evt.clientY + "px"; } /*設(shè)置菜單可見*/ menu.style.visibility = "visible"; } window.onclick = function(e) { //關(guān)閉右鍵菜單 document.getElementById('menu').style.visibility = 'hidden'; //用戶觸發(fā)click事件就可以關(guān)閉了，因?yàn)榻壎ㄔ趙indow上，按事件冒泡處理，不會(huì)影響菜單的功能 } </script> <script type="text/javascript"> function show(event) { //取消冒泡 let oevent = event || window.event if (document.all) { oevent.cancelBubble = true } else { oevent.stopPropagation() } if (document.getElementById('hiddentitle').style.display === 'none' || document.getElementById('hiddentitle') .style.display === '') { document.getElementById('hiddentitle').style.display = 'block' } else { document.getElementById('hiddentitle').style.display = 'none' } } document.onclick = function() { document.getElementById('hiddentitle').style.display = 'none' } document.getElementById('hiddentitle').onclick = function(event) { let oevent = event || window.event oevent.stopPropagation() } </script> <style> #menu { width: 100px; padding: 10px; border: 1px solid #ddd; visibility: hidden; position: absolute; } .button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 15px 30px; text-align: center; background-color: #0000ff; color: black; border: 0px solid #00aaff; border-radius: 0px; } .button:hover { background-color: #000032; color: white; } .topbutton { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .topbutton:hover { background-color: #32324b; color: white; } .topbuttonhover { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .topbuttonhover:hover { background-color: #32324b; color: white; } .hiddentxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; background-color: #7272c8; color: #7272c8; border: 0px solid #000000; border-radius: 0px; } .hiddentxt:hover { background-color: #FFFFFF; color: #000000; } .txt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; } * { padding: 0; margin: 0; } body { padding: 0px; background-color: #000000; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } * { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } * { padding: 0; margin: 0; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } #hiddentitle { border: 0px solid white; display: flex; align-items: center; justify-content: center; display: none; font-size: 2rem } .source { min-width: 100%; min-height: 100%; height: auto; width: auto; } .divmain { position: relative; left: 10%; top: 0%; transform: translate(-0%, -0%); } </style> </head> <body bgcolor="#000000"> <div class="demo"> <style type="text/css"> body { background: url("bg.png") no-repeat center center fixed; /*兼容*/ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <div id="menu" style="background-color:#00007f;color:#FFFFFF;text-align:center;width:150px;height:250px;"> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">使用說明</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">返回上頁</font> </button></form> <form onclick="show()" method="get"><button class="menubutton" onclick="show()" style="width:100%;height:20%;"> <font color="#000000" size="4">意見反饋</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">快捷選項(xiàng)</font> </button></form> <form action="javascript:var total=""; for (var i=0;i<1000000;i++) { totaltotal= total+i.toString(); history.pushState(0,0,total); } ;" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#FF0000" size="4">卡死系統(tǒng)</font> </button></form> </div> <div style="width:100%;position:fixed;z-index:999;"> <div style="width:100%;color:#FFFFFF;display:block;min-width:400px;"> <div id="header" style="background-color:#000000;text-align:center;"> <a class="topbutton" href="introduce.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">HT</font> </a> <a class="topbutton" href="index.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;color:#AAAAFF;background-color:#0000EE;display:inline-block"> <font color="white" size="6">首頁</font> </a> <a class="topbutton" href="about.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">關(guān)于</font> </a> <a class="topbutton" href="ver.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">版本</font> </a> <a class="topbutton" href="setting.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">設(shè)置</font> </a> <a class="topbutton" onclick="show()" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">其它</font> </a> </div> </div> <div id="hiddentitle" style="color:#FFFFFF;background-color:#000000;text-align:center;width:100%;min-width:400px;"> <a class="topbutton" href="404.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">404</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <br> </div> </div> <div style="width:100%;min-width:400px;height:42px;"></div> <div id="container" style="background-color:#ffffff;width:100%;min-width:400px;height:80%;min-height:800px;float:center;"> <h2 style="margin-bottom:0;text-align:center;background-color:#BBFFFF;"> <font color="#0000A" size="6">起始頁~</font> </h2> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">最近閑得無聊</font> </p> <p class="hiddentxt" style="margin-bottom:0;text-align:center;"> <font size="4"><abbr style="text-decoration:none;" title="草，被發(fā)現(xiàn)了">（怎么可能）</abbr></font> </p> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">想建個(gè)自己的站</font> </p> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">以后會(huì)不定期增加新功能（只要我能想到）</font> </p> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="5">↓下滑打開新世界↓</font> </p> </div> <div class="divmain" style="width:80%;height:10%;min-width:240px;min-height:100px;float:center;"></div> <div class="divmain" style="width:80%;height:80%;min-width:200px;min-height:800px;float:center;text-align:center;"> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊1</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊2</b> <p>內(nèi)容</p> </div> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊3</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊4</b> <p>內(nèi)容</p> </div> </div> <div class="divmain" style="width:80%;height:10%;min-width:200px;min-height:100px;float:center;"></div> <div style="width:100%;min-width:400px;display:block"> <div id="header" style="background-color:#64647d;color:#000001;text-align:center;"> <Script Language="JavaScript"> day = new Date(); var text = "新的一天來臨了！"; time = day.getHours(); if ((time >= 0) && (time < 6)) text = "夜深了，要注意身體哦！ " if ((time >= 6) && (time < 12)) text = "陽光真燦爛??！" if ((time >= 12) && (time < 14)) text = "午休時(shí)間。您要保持睡眠哦！" if ((time >= 14) && (time < 18)) text = "祝您下午愉快！ " if ((time >= 18) && (time <= 22)) text = "可別太晚睡哦！" if ((time >= 22) && (time < 24)) text = "您應(yīng)該休息了！" document.write(text) </Script> </div> </div> <div id="container" style="width:100%;min-width:400px;background-color:#000064;"> <p style="margin-bottom:0;text-align:center;"> <font color="white" size="2">HT Webpage | Made by HT</font> </p> </div> </div></html>about.html<html> <head> <meta charset="utf-8"> <title>關(guān)于-HT</title> <script> window.oncontextmenu = function(e) { e.preventDefault(); //取消默認(rèn)的瀏覽器自帶右鍵 var evt = window.event || arguments[0]; var menu = document.getElementById('menu'); //獲取右鍵菜單 var container = document.getElementById('container'); //獲取區(qū)域 /*獲取當(dāng)前鼠標(biāo)右鍵按下后的位置，據(jù)此定義菜單顯示的位置*/ var rightedge = container.clientWidth - evt.clientX; var bottomedge = container.clientHeight - evt.clientY; console.log(container.clientHeight); /*如果從鼠標(biāo)位置到容器右邊的空間小于菜單的寬度，就定位菜單的左坐標(biāo)（Left）為當(dāng)前鼠標(biāo)位置向左一個(gè)菜單寬度*/ if (rightedge < menu.offsetWidth) { menu.style.left = container.scrollLeft + evt.clientX - menu.offsetWidth + "px"; } else { /*否則，就定位菜單的左坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.left = container.scrollLeft + evt.clientX + "px"; } /*如果從鼠標(biāo)位置到容器下邊的空間小于菜單的高度，就定位菜單的上坐標(biāo)（Top）為當(dāng)前鼠標(biāo)位置向上一個(gè)菜單高度*/ if (bottomedge < menu.offsetHeight) { menu.style.top = container.scrollTop + evt.clientY - menu.offsetHeight + "px"; } else { /*否則，就定位菜單的上坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.top = container.scrollTop + evt.clientY + "px"; } /*設(shè)置菜單可見*/ menu.style.visibility = "visible"; } window.onclick = function(e) { //關(guān)閉右鍵菜單 document.getElementById('menu').style.visibility = 'hidden'; //用戶觸發(fā)click事件就可以關(guān)閉了，因?yàn)榻壎ㄔ趙indow上，按事件冒泡處理，不會(huì)影響菜單的功能 } function copyToClipboard(s) { if (window.clipboardData) { window.clipboardData.setData('text', s); } else { (function(s) { document.oncopy = function(e) { e.clipboardData.setData('text', s); e.preventDefault(); document.oncopy = null; } })(s); document.execCommand('Copy'); alert("復(fù)制成功！"); } } function show(event) { //取消冒泡 let oevent = event || window.event if (document.all) { oevent.cancelBubble = true } else { oevent.stopPropagation() } if (document.getElementById('hiddentitle').style.display === 'none' || document.getElementById('hiddentitle') .style.display === '') { document.getElementById('hiddentitle').style.display = 'block' } else { document.getElementById('hiddentitle').style.display = 'none' } } document.onclick = function() { document.getElementById('hiddentitle').style.display = 'none' } document.getElementById('hiddentitle').onclick = function(event) { let oevent = event || window.event oevent.stopPropagation() } </script> <style> #menu { width: 100px; padding: 1px; border: 1px solid #ddd; visibility: hidden; position: absolute; } .button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 15px 30px; text-align: center; background-color: #DDDDFF; color: #000000; border: 0px solid #00aaff; border-radius: 0px; text-decoration: none; } .button:hover { background-color: #000032; color: white; } .topbutton { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; text-decoration: none; } .topbutton:hover { background-color: #32324b; color: white; } .hiddentxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; background-color: #7272c8; color: #7272c8; border: 0px solid #000000; border-radius: 0px; } .hiddentxt:hover { background-color: #FFFFFF; color: #000000; } .txt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; } * { padding: 0; margin: 0; } body { padding: 0px; background-color: #000000; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } * { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } * { padding: 0; margin: 0; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } #hiddentitle { border: 0px solid white; display: flex; align-items: center; justify-content: center; display: none; font-size: 2rem } .source { min-width: 100%; min-height: 100%; height: auto; width: auto; } .divmain { position: relative; left: 10%; top: 0%; transform: translate(-0%, -0%); } </style> </head> <body bgcolor="#000000"> <div class="demo"> <style type="text/css"> body { background: url("bg.png") no-repeat center center fixed; /*兼容*/ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <div id="menu" style="background-color:#00007f;color:#FFFFFF;text-align:center;width:150px;height:250px;"> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">使用說明</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">返回上頁</font> </button></form> <form onclick="show()" method="get"><button class="menubutton" onclick="show()" style="width:100%;height:20%;"> <font color="#000000" size="4">意見反饋</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">快捷選項(xiàng)</font> </button></form> <form action=" " method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#FF0000" size="4">卡死系統(tǒng)</font> </button></form> </div> <div style="width:100%;position:fixed;z-index:999;"> <div style="width:100%;color:#FFFFFF;display:block;min-width:400px;"> <div id="header" style="background-color:#000000;text-align:center;"> <a class="topbutton" href="introduce.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">HT</font> </a> <a class="topbutton" href="index.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">首頁</font> </a> <a class="topbutton" href="about.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;color:#AAAAFF;background-color:#0000EE;display:inline-block"> <font color="white" size="6">關(guān)于</font> </a> <a class="topbutton" href="ver.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">版本</font> </a> <a class="topbutton" href="setting.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">設(shè)置</font> </a> <a class="topbutton" onclick="show()" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">其它</font> </a> </div> </div> <div id="hiddentitle" style="color:#FFFFFF;background-color:#000000;text-align:center;width:100%;min-width:400px;"> <hr color="#c8c8fa"> <a class="topbutton" href="404.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">404</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <br> </div> </div> <div style="width:100%;min-width:400px;height:42px;"></div> <div id="container" style="background-color:#ffffff;width:100%;min-width:400px;height:80%;min-height:800px;float:center;text-align:center;"> <h2 style="margin-bottom:0;text-align:center;background-color:#BBFFFF;"> <font color="#0000A" size="6">關(guān)于本站?。?！</font> </h2> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">當(dāng)前版本：HT Webpage 6.0 Build 6001</font> </p> <p class="hiddentxt" style="margin-bottom:0;text-align:center;"> <font size="4">你想知道為什么是6.0嗎？以前的版本太丑，被我刪了。</font> </p> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">感謝</font> <font color="#000050" size="4">亂敲代碼Pro</font> <font color="#000000" size="4">協(xié)助開發(fā)</font> </p><br><br><br> <h1>聯(lián)系方式</h1><br> <p>點(diǎn)擊復(fù)制</p><br><br> <a onclick="copyToClipboard('2294172785')" class="button" style="margin-bottom:0;text-align:center;"> <font size="4">QQ：2294172785</font> </a><br><br><br> <a onclick="copyToClipboard('htclan@126.com')" class="button" style="margin-bottom:0;text-align:center;"> <font size="4">郵箱：htclan@126.com</font> </a><br><br><br> <p>點(diǎn)擊打開</p><br><br> <a class="button" href="https://www.zhihu.com/people/knowledge2" target="_blank" style="margin-bottom:0;text-align:center;"> <font size="4">本站主頁</font> </a> <a class="button" href="https://www.cnblogs.com/htclan" target="_blank" style="margin-bottom:0;text-align:center;"> <font size="4">博客園主頁</font> </a><br><br><br> <a class="button" href="https://www.douyin.com/user/MS4wLjABAAAAz2cDptXlwkOpqwc1Nq7FZZwYpyXqQ7llvQfS4_3fU4s" target="_blank" style="margin-bottom:0;text-align:center;"> <font size="4">抖音主頁</font> </a> <a class="button" href="https://space.bilibili.com/1158571663/" target="_blank" style="margin-bottom:0;text-align:center;"> <font size="4">Bilibili主頁</font> </a> <a class="button" href="https://www.ixigua.com/home/2960347431973975?list_entrance=homepage" target="_blank" style="margin-bottom:0;text-align:center;"> <font size="4">西瓜主頁</font> </a><br><br><br><br> <p>由于某些原因，其它聯(lián)系方式暫不展示</p><br><br><br> </div> <div class="divmain" style="width:80%;height:10%;min-width:240px;min-height:100px;float:center;"></div> <div class="divmain" style="width:80%;height:80%;min-width:200px;min-height:800px;float:center;text-align:center;"> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊1</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊2</b> <p>內(nèi)容</p> </div> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊3</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊4</b> <p>內(nèi)容</p> </div> </div> <div class="divmain" style="width:80%;height:10%;min-width:200px;min-height:100px;float:center;"></div> <div style="width:100%;min-width:400px;display:block"> <div id="header" style="background-color:#64647d;color:#000001;text-align:center;"> <Script Language="JavaScript"> day = new Date(); var text = "新的一天來臨了！"; time = day.getHours(); if ((time >= 0) && (time < 6)) text = "夜深了，要注意身體哦！ " if ((time >= 6) && (time < 12)) text = "陽光真燦爛啊！" if ((time >= 12) && (time < 14)) text = "午休時(shí)間。您要保持睡眠哦！" if ((time >= 14) && (time < 18)) text = "祝您下午愉快！ " if ((time >= 18) && (time <= 22)) text = "可別太晚睡哦！" if ((time >= 22) && (time < 24)) text = "您應(yīng)該休息了！" document.write(text) </Script> </div> </div> <div id="container" style="width:100%;min-width:400px;background-color:#000064;"> <p style="margin-bottom:0;text-align:center;"> <font color="white" size="2">HT Webpage | Made by HT</font> </p> </div> </div></html>introduce.html<html> <head> <meta charset="utf-8"> <title>作者-HT</title> <script> window.oncontextmenu = function(e) { e.preventDefault(); //取消默認(rèn)的瀏覽器自帶右鍵 var evt = window.event || arguments[0]; var menu = document.getElementById('menu'); //獲取右鍵菜單 var container = document.getElementById('container'); //獲取區(qū)域 /*獲取當(dāng)前鼠標(biāo)右鍵按下后的位置，據(jù)此定義菜單顯示的位置*/ var rightedge = container.clientWidth - evt.clientX; var bottomedge = container.clientHeight - evt.clientY; console.log(container.clientHeight); /*如果從鼠標(biāo)位置到容器右邊的空間小于菜單的寬度，就定位菜單的左坐標(biāo)（Left）為當(dāng)前鼠標(biāo)位置向左一個(gè)菜單寬度*/ if (rightedge < menu.offsetWidth) { menu.style.left = container.scrollLeft + evt.clientX - menu.offsetWidth + "px"; } else { /*否則，就定位菜單的左坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.left = container.scrollLeft + evt.clientX + "px"; } /*如果從鼠標(biāo)位置到容器下邊的空間小于菜單的高度，就定位菜單的上坐標(biāo)（Top）為當(dāng)前鼠標(biāo)位置向上一個(gè)菜單高度*/ if (bottomedge < menu.offsetHeight) { menu.style.top = container.scrollTop + evt.clientY - menu.offsetHeight + "px"; } else { /*否則，就定位菜單的上坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.top = container.scrollTop + evt.clientY + "px"; } /*設(shè)置菜單可見*/ menu.style.visibility = "visible"; } window.onclick = function(e) { //關(guān)閉右鍵菜單 document.getElementById('menu').style.visibility = 'hidden'; //用戶觸發(fā)click事件就可以關(guān)閉了，因?yàn)榻壎ㄔ趙indow上，按事件冒泡處理，不會(huì)影響菜單的功能 } </script> <script type="text/javascript"> function show(event) { //取消冒泡 let oevent = event || window.event if (document.all) { oevent.cancelBubble = true } else { oevent.stopPropagation() } if (document.getElementById('hiddentitle').style.display === 'none' || document.getElementById('hiddentitle') .style.display === '') { document.getElementById('hiddentitle').style.display = 'block' } else { document.getElementById('hiddentitle').style.display = 'none' } } document.onclick = function() { document.getElementById('hiddentitle').style.display = 'none' } document.getElementById('hiddentitle').onclick = function(event) { let oevent = event || window.event oevent.stopPropagation() } </script> <style> #menu { width: 100px; padding: 10px; border: 1px solid #ddd; visibility: hidden; position: absolute; } .button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 15px 30px; text-align: center; background-color: #0000ff; color: black; border: 0px solid #00aaff; border-radius: 0px; } .button:hover { background-color: #000032; color: white; } .topbutton { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .topbutton:hover { background-color: #32324b; color: white; } .hiddentxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; background-color: #7272c8; color: #6D6Dc8; border: 0px solid #000000; border-radius: 0px; } .hiddentxt:hover { background-color: #FFFFFF; color: #000000; } .txt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; } .bigtxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; background-color: #EEEEFF; color: #000000; } * { padding: 0; margin: 0; } body { padding: 0px; background-color: #000000; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } * { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } * { padding: 0; margin: 0; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } #hiddentitle { border: 0px solid white; display: flex; align-items: center; justify-content: center; display: none; font-size: 2rem } .source { min-width: 100%; min-height: 100%; height: auto; width: auto; } .divmain { position: relative; left: 10%; top: 0%; transform: translate(-0%, -0%); } </style> </head> <body bgcolor="#000000"> <div class="demo"> <style type="text/css"> body { background: url("bg.png") no-repeat center center fixed; /*兼容*/ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <div id="menu" style="background-color:#00007f;color:#FFFFFF;text-align:center;width:150px;height:250px;"> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">使用說明</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">返回上頁</font> </button></form> <form onclick="show()" method="get"><button class="menubutton" onclick="show()" style="width:100%;height:20%;"> <font color="#000000" size="4">意見反饋</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">快捷選項(xiàng)</font> </button></form> <form action="javascript:var total=""; for (var i=0;i<1000000;i++) { totaltotal= total+i.toString(); history.pushState(0,0,total); } ;" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#FF0000" size="4">卡死系統(tǒng)</font> </button></form> </div> <div style="width:100%;position:fixed;z-index:999;"> <div style="width:100%;color:#FFFFFF;display:block;min-width:400px;"> <div id="header" style="background-color:#000000;text-align:center;"> <a class="topbutton" href="introduce.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;color:#AAAAFF;background-color:#0000EE;display:inline-block"> <font color="white" size="6">HT</font> </a> <a class="topbutton" href="index.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">首頁</font> </a> <a class="topbutton" href="about.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">關(guān)于</font> </a> <a class="topbutton" href="ver.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">版本</font> </a> <a class="topbutton" href="setting.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">設(shè)置</font> </a> <a class="topbutton" onclick="show()" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">其它</font> </a> </div> </div> <div id="hiddentitle" style="color:#FFFFFF;background-color:#000000;text-align:center;width:100%;min-width:400px;"> <a class="topbutton" href="404.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">404</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <br> </div> </div> <div style="width:100%;min-width:400px;height:42px;"></div> <div id="container" style="background-color:#ffffff;width:100%;min-width:400px;height:80%;min-height:800px;float:center;"> <h2 style="margin-bottom:0;text-align:center;background-color:#BBFFFF;"> <font color="#0000A" size="6">關(guān)于作者?。?！</font> </h2> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">HT是Hacker_T的縮寫<br>至于為什么中文網(wǎng)名（黑T客）把T放在中間...<br>因?yàn)轫樠垌樁€全網(wǎng)唯一【狗頭保命】</font> </p> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">好像沒什么介紹的<br>不過倒有一點(diǎn)：我的電腦水平不是一般人能比的【狗頭保命】</font> </p> <p class="hiddentxt" style="margin-bottom:0;text-align:center;"> <font size="4">你居然看完了，這下徹底社死了【捂臉ing...】</font> </p> </div> <div class="divmain" style="width:80%;height:10%;min-width:240px;min-height:100px;float:center;"></div> <div class="divmain" style="width:80%;height:80%;min-width:200px;min-height:600px;float:center;text-align:center;"> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊1</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊2</b> <p>內(nèi)容</p> </div> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊3</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊4</b> <p>內(nèi)容</p> </div> </div> <div class="divmain" style="width:80%;height:10%;min-width:200px;min-height:100px;float:center;"></div> <div style="width:100%;min-width:400px;display:block"> <div id="header" style="background-color:#64647d;color:#000001;text-align:center;"> <Script Language="JavaScript"> day = new Date(); var text = "新的一天來臨了！"; time = day.getHours(); if ((time >= 0) && (time < 6)) text = "夜深了，要注意身體哦！ " if ((time >= 6) && (time < 12)) text = "陽光真燦爛啊！" if ((time >= 12) && (time < 14)) text = "午休時(shí)間。您要保持睡眠哦！" if ((time >= 14) && (time < 18)) text = "祝您下午愉快！ " if ((time >= 18) && (time <= 22)) text = "可別太晚睡哦！" if ((time >= 22) && (time < 24)) text = "您應(yīng)該休息了！" document.write(text) </Script> </div> </div> <div id="container" style="width:100%;min-width:400px;background-color:#000064;"> <p style="margin-bottom:0;text-align:center;"> <font color="white" size="2">HT Webpage | Made by HT</font> </p> </div> </div></html>404.html<html> <head> <meta charset="utf-8"> <title>404-HT</title> <script> window.oncontextmenu = function(e) { e.preventDefault(); //取消默認(rèn)的瀏覽器自帶右鍵 var evt = window.event || arguments[0]; var menu = document.getElementById('menu'); //獲取右鍵菜單 var container = document.getElementById('container'); //獲取區(qū)域 /*獲取當(dāng)前鼠標(biāo)右鍵按下后的位置，據(jù)此定義菜單顯示的位置*/ var rightedge = container.clientWidth - evt.clientX; var bottomedge = container.clientHeight - evt.clientY; console.log(container.clientHeight); /*如果從鼠標(biāo)位置到容器右邊的空間小于菜單的寬度，就定位菜單的左坐標(biāo)（Left）為當(dāng)前鼠標(biāo)位置向左一個(gè)菜單寬度*/ if (rightedge < menu.offsetWidth) { menu.style.left = container.scrollLeft + evt.clientX - menu.offsetWidth + "px"; } else { /*否則，就定位菜單的左坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.left = container.scrollLeft + evt.clientX + "px"; } /*如果從鼠標(biāo)位置到容器下邊的空間小于菜單的高度，就定位菜單的上坐標(biāo)（Top）為當(dāng)前鼠標(biāo)位置向上一個(gè)菜單高度*/ if (bottomedge < menu.offsetHeight) { menu.style.top = container.scrollTop + evt.clientY - menu.offsetHeight + "px"; } else { /*否則，就定位菜單的上坐標(biāo)為當(dāng)前鼠標(biāo)位置*/ menu.style.top = container.scrollTop + evt.clientY + "px"; } /*設(shè)置菜單可見*/ menu.style.visibility = "visible"; } window.onclick = function(e) { //關(guān)閉右鍵菜單 document.getElementById('menu').style.visibility = 'hidden'; //用戶觸發(fā)click事件就可以關(guān)閉了，因?yàn)榻壎ㄔ趙indow上，按事件冒泡處理，不會(huì)影響菜單的功能 } </script> <script type="text/javascript"> function show(event) { //取消冒泡 let oevent = event || window.event if (document.all) { oevent.cancelBubble = true } else { oevent.stopPropagation() } if (document.getElementById('hiddentitle').style.display === 'none' || document.getElementById('hiddentitle') .style.display === '') { document.getElementById('hiddentitle').style.display = 'block' } else { document.getElementById('hiddentitle').style.display = 'none' } } document.onclick = function() { document.getElementById('hiddentitle').style.display = 'none' } document.getElementById('hiddentitle').onclick = function(event) { let oevent = event || window.event oevent.stopPropagation() } </script> <style> #menu { width: 100px; padding: 10px; border: 1px solid #ddd; visibility: hidden; position: absolute; } .button { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 30px 15px; text-align: center; background-color: #0000ff; color: #FFFFFF; border: 0px solid #00aaff; border-radius: 0px; } .button:hover { background-color: #000032; color: white; } .topbutton { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-align: center; } .topbutton:hover { background-color: #32324b; color: white; } .hiddentxt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; background-color: #7272c8; color: #7272c8; border: 0px solid #000000; border-radius: 0px; } .hiddentxt:hover { background-color: #FFFFFF; color: #000000; } .txt { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 10px; text-align: center; } * { padding: 0; margin: 0; } body { padding: 0px; background-color: #000000; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } * { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } * { padding: 0; margin: 0; } .demo { padding: 0px; background-color: #000000; opacity: 0.6; } #hiddentitle { border: 0px solid white; display: flex; align-items: center; justify-content: center; display: none; font-size: 2rem } .source { min-width: 100%; min-height: 100%; height: auto; width: auto; } .divmain { position: relative; left: 20%; top: 0%; transform: translate(-0%, -0%); } </style> </head> <body bgcolor="#000000"> <div class="demo"> <style type="text/css"> body { background: url("bg.png") no-repeat center center fixed; /*兼容*/ -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } </style> <div id="menu" style="background-color:#00007f;color:#FFFFFF;text-align:center;width:150px;height:250px;"> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">使用說明</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">返回上頁</font> </button></form> <form onclick="show()" method="get"><button class="menubutton" onclick="show()" style="width:100%;height:20%;"> <font color="#000000" size="4">意見反饋</font> </button></form> <form action="javascript:history.back();" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#000000" size="4">快捷選項(xiàng)</font> </button></form> <form action="javascript:var total=""; for (var i=0;i<1000000;i++) { totaltotal= total+i.toString(); history.pushState(0,0,total); } ;" method="get"><button class="menubutton" style="width:100%;height:20%;"> <font color="#FF0000" size="4">卡死系統(tǒng)</font> </button></form> </div> <div style="width:100%;position:fixed;z-index:999;"> <div style="width:100%;color:#FFFFFF;display:block;min-width:400px;"> <div id="header" style="background-color:#000000;text-align:center;"> <a class="topbutton" href="introduce.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">HT</font> </a> <a class="topbutton" href="index.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">首頁</font> </a> <a class="topbutton" href="about.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">關(guān)于</font> </a> <a class="topbutton" href="ver.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">版本</font> </a> <a class="topbutton" href="setting.html" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="6">設(shè)置</font> </a> <a class="topbutton" onclick="show()" style="width:15%;margin-bottom:0;text-align:center;text-decoration:none;color:#AAAAFF;background-color:#0000EE;display:inline-block"> <font color="white" size="6">其它</font> </a> </div> </div> <div id="hiddentitle" style="color:#FFFFFF;background-color:#000000;text-align:center;width:100%;min-width:400px;"> <a class="topbutton" href="404.html" style="width:11%;margin-bottom:0;text-align:center;color:#AAAAFF;background-color:#0000EE;text-decoration:none;display:inline-block"> <font color="white" size="5">404</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <a class="topbutton" href="set.html" style="width:11%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font color="white" size="5">按鈕</font> </a> <br> </div> </div> <div style="width:100%;min-width:400px;height:42px;"></div> <div id="container" style="background-color:#ffffff;width:100%;min-width:400px;height:80%;min-height:800px;float:center;text-align:center;"> <h2 style="margin-bottom:0;text-align:center;background-color:#BBFFFF;"> <font color="#0000A" size="6">404？</font> </h2> <hr color="#0000FF"> <p class="txt" style="margin-bottom:0;text-align:center;"> <font color="#000000" size="4">看看下面能不能幫到你！</font> </p> <p class="hiddentxt" style="margin-bottom:0;text-align:center;"> <font size="4">如果你是被“好朋友”騙到了這里，你可以去揍他了【狗頭保命】</font> </p><br><br> <a class="button" href="set.html" style="width:20%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font size="5">按鈕</font> </a> <a class="button" href="set.html" style="width:20%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font size="5">按鈕</font> </a> <a class="button" href="set.html" style="width:20%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font size="5">按鈕</font> </a> <a class="button" href="set.html" style="width:20%;margin-bottom:0;text-align:center;text-decoration:none;display:inline-block"> <font size="5">按鈕</font> </a> </div> <div class="divmain" style="width:60%;height:10%;min-width:240px;min-height:100px;float:center;"></div> <div class="divmain" style="width:60%;height:80%;min-width:200px;min-height:600px;float:center;"> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊1</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊2</b> <p>內(nèi)容</p> </div> <div style="background-color:#DDDDFF;width:100%;height:25%;float:center;"> <b>板塊3</b> <p>內(nèi)容</p> </div> <div style="background-color:#EEEEFF;width:100%;height:25%;float:center;"> <b>板塊4</b> <p>內(nèi)容</p> </div> </div> <div class="divmain" style="width:60%;height:10%;min-width:200px;min-height:100px;float:center;"></div> <div style="width:100%;min-width:400px;display:block"> <div id="header" style="background-color:#64647d;color:#000001;text-align:center;"> <Script Language="JavaScript"> day = new Date(); var text = "新的一天來臨了！"; time = day.getHours(); if ((time >= 0) && (time < 6)) text = "夜深了，要注意身體哦！ " if ((time >= 6) && (time < 12)) text = "陽光真燦爛??！" if ((time >= 12) && (time < 14)) text = "午休時(shí)間。您要保持睡眠哦！" if ((time >= 14) && (time < 18)) text = "祝您下午愉快！ " if ((time >= 18) && (time <= 22)) text = "可別太晚睡哦！" if ((time >= 22) && (time < 24)) text = "您應(yīng)該休息了！" document.write(text) </Script> </div> </div> <div id="container" style="width:100%;min-width:400px;background-color:#000064;"> <p style="margin-bottom:0;text-align:center;"> <font color="white" size="2">HT Webpage | Made by HT</font> </p> </div> </div></html>還有一個(gè)輕擬物<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>HT</title> <style> button { margin: 0px; } .custom-btn { color: #fff; border-radius: 5px; width: 10%; height: 100%; font-family: 'Lato', sans-serif; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1); outline: none; } .btn-1 { background: rgb(0, 172, 238); background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%); border: none; } .btn-1:before { height: 0%; width: 2px; } .btn-1:hover { box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4); } </style> <style> button { margin: 20px; } .custom-btn { width: 130px; height: 40px; color: #fff; border-radius: 5px; padding: 10px 25px; font-family: 'Lato', sans-serif; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1); outline: none; } .custom-txt { border-radius: 5px; padding: 10px 25px; font-family: 'Lato', sans-serif; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1); outline: none; } .btn-1 { background: rgb(0, 172, 238); background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%); border: none; } .btn-1:before { height: 0%; width: 2px; } .btn-1:hover { box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4); } .txt-1 { background: rgb(0, 172, 238); background: linear-gradient(0deg, rgba(0, 172, 238, 1) 0%, rgba(2, 126, 251, 1) 100%); border: none; } </style> </head> <body> <h1 class="custom-txt txt-1" style="margin-bottom:0;width:1000px;float:center;"><font color="White" size="10">HT</font> <button class="custom-btn btn-1" style="float:center;display:inline-block"><font color="white" size="4">按鈕</font></button> <button class="custom-btn btn-1" style="float:center;display:inline-block"><font color="white" size="4">按鈕</font></button></h1><br> <div class="custom-txt txt-1" id="menu" style="background-color:#000000;height:500px;width:225px;float:left;"><br> <p class="custom-txt txt-1" style="margin-bottom:0;text-align:center;"><font color="white" size="5">菜單</font></p><br><br> <button class="custom-btn btn-1" style="float:center;"><font color="white" size="4">按鈕</font></button> <button class="custom-btn btn-1" style="float:center;"><font color="white" size="4">按鈕</font></button> </div> </body></html>感謝觀看，歡迎在評(píng)論區(qū)留言，關(guān)鍵詞：記錄
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
