index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<title>欢迎来到柒导航</title>
	<meta name="keywords" content="柒,柒导航,七导航,七始页,柒始页,起始页,导航,QIDH,QISY,导航网,网址导航,上网主页,网址大全,网址目录,免费网址大全,免费网址推荐,网站导航,免费资源网站推荐">
	<meta name="description" content="柒导航（WWW.7UDH.COM）是个聚合网址导航、一个属于你的专属柒始页，给您最好的互联网搜索功能和网址收集体验，拥有超强的聚合搜索引擎，精选大量实用的网址资源！">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="renderer" content="webkit">
	<meta itemprop="image" content="https://www.7udh.com/favicon.ico>
	<base target="_blank">
	<link rel="icon" href="https://www.7udh.com/favicon.ico">
	<link rel="apple-touch-icon" href="https://www.7udh.com/favicon.ico">
  <link rel="stylesheet" href="https://www.7udh.com/intro/intro.css">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?4338867ac6f5799f45133bd682630382";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>

<body>
	<header>
		<img id="topLogo" alt="柒导航" src="https://www.7udh.com/heng-hei.png">
	</header>
	<div id="topContainer">
		<div id="topSloganContainer">
			<h1 id="topSlogan">简洁、美观、实用的<br>网址导航。</h1>
			<h1 id="topSloganAutoWrap">简洁、美观、实用的网址导航。</h1>
			<p>全平台兼容，即开即用。</p>
			<div id="mainBtnContainer">
				<a href="https://www.7udh.com/" target="_blank">
					<button class="mainBtn" id="btnStart" type="button" title="立即开始使用柒导航。">开始使用</button>
				</a>
				<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=1iaTxtMQRR6IE5O25z_TyHx4rmRxasq2&authKey=04z9Ga8QKJGocJ2t70zhfYcZW1wCd%2FIr1T%2FUBQIy1ydUe3GN%2F4sfYgRiBkDVL%2Flq&noverify=0&group_code=821715253" target="_blank">
				<button class="mainBtn" id="btnExt" type="button" title="柒导航官方QQ交流群。">QQ交流群</button>
				</a>
			</div>
		</div>
		<div id="topImgContainer">
			<img id="topImg" alt="柒导航-预览头图" src="https://www.7udh.com/intro/yulan.png" class="loaded">
		</div>
	</div>
	<div id="featuresContainer">
		<h3>功能</h3>
		<h2>化繁为简。</h2>
		<p>柒导航以极致简洁的设计容纳诸多实用功能。</p>
		<div id="featuresList">
			<div class="featureItem">
				<div><i>&#xe739;</i></div>
				<div>
					<h4>搜索</h4>
					<p>使用您喜欢的任意搜索引擎，开启网上冲浪之旅。</p>
				</div>
			</div>
			<div class="featureItem">
				<div><i>&#xe733;</i></div>
				<div>
					<h4>网站捷径</h4>
					<p>添加您的常用网站，一键快捷访问。</p>
				</div>
			</div>
			<div class="featureItem">
				<div><i>&#xe75d;</i></div>
				<div>
					<h4>便笺</h4>
					<p>随时记录您的灵感、待办事项和备忘清单。</p>
				</div>
			</div>
			<div class="featureItem">
				<div><i>&#xe74e;</i></div>
				<div>
					<h4>壁纸</h4>
					<p>将您喜爱的任意图片或视频设为壁纸，或使用精选的动态壁纸和每日壁纸。</p>
				</div>
			</div>
			<div class="featureItem">
				<div><i>&#xe75c;</i></div>
				<div>
					<h4>随心自定义</h4>
					<p>30+ 个性化设置，打造专属于您的起始页。</p>
				</div>
			</div>
		</div>
	</div>
	<div class="detailContainer">
		<div>
			<h2>全能搜索框。</h2>
			<p>支持自定义任意搜索引擎，同时预设多个搜索引擎供您选用；支持一键翻译搜索内容、一键直达常用网站、输入算式直接计算结果等快捷操作，助您事半功倍。</p>
		</div>
		<img alt="全能搜索框-预览图" src="https://www.7udh.com/intro/search.png">
	</div>
	<div class="detailContainer">
		<div>
			<h2>收纳常用网站。</h2>
			<p>支持自定义名称、图标、布局，还可分门别类创建收纳夹，将您的常用网站收纳得井井有条。</p>
		</div>
		<img alt="收纳常用网站-预览图" src="https://www.7udh.com/intro/changyong.png">
	</div>
	<div class="detailContainer">
		<div>
			<h2>精选壁纸。</h2>
			<p>摄于全球各地的优美风景供您欣赏。支持动态壁纸、静态壁纸；每日更新一张来自微软必应的精选壁纸；您亦可挥洒创造力，使用在线 AI 作图工具创作独一无二的壁纸，或将自己喜爱的任意图片和视频设为壁纸。</p>
		</div>
		<img alt="精选壁纸-预览图" src="https://www.7udh.com/men.jpg">
	</div>
	<div class="detailContainer">
		<div>
			<h2>深色主题，深夜也悦目。</h2>
			<p>经过精心设计的深色主题，完美适配不同时段的配色偏好。</p>
		</div>
		<img id="detailImgDark" alt="深色主题-预览图" src="https://www.7udh.com/intro/yulan-an.png">
	</div>
	<div id="startNow">
		<h2>现在开始，定义起始页。</h2>
		<p>完全免费 · 纯净无广告 · 即开即用</p>
		<div id="startOptionsList">
			<a class="bottomBtn" role="button" href="https://www.7udh.com/" title="开始使用柒导航网页版。">
				<div>
					<img alt="柒导航图标" src="https://www.7udh.com/favicon.ico">
					网页版
				</div>
				<span>开始使用</span>
			</a>
			<a class="bottomBtn" role="button" href="/" title="前往 Edge 扩展商店，安装柒导航的浏览器扩展。">
				<div>
					<img alt="Edge 浏览器图标" src="https://www.7udh.com/intro/edge.svg">
					Edge 扩展
				</div>
				<span class="actionText">前往安装</span>
			</a>
			<div class="bottomBtn" id="btnDownloadChrome" role="button" title="前往 Chrome 扩展商店，安装柒导航的浏览器扩展。">
				<div>
					<img alt="Chrome 浏览器图标" src="https://www.7udh.com/intro/chrome.svg">
					Chrome 扩展
				</div>
				<span class="actionText">前往安装</span>
			</div>
			<a class="bottomBtn" role="button" href="/" title="前往 Firefox 扩展商店，安装柒导航的浏览器扩展。">
				<div>
					<img alt="Firefox 浏览器图标" src="https://www.7udh.com/intro/firefox.png">
					Firefox 扩展
				</div>
				<span class="actionText">前往安装</span>
			</a>
			<div class="bottomBtn" id="btnDownloadCRX" role="button" title="下载 CRX 扩展文件。">
				<div>
					<img alt="CRX 文件图标" src="https://www.7udh.com/intro/icon-file-package.svg">
					CRX 文件
				</div>
				<span class="actionText">前往下载</span>
			</div>
		</div>
	</div>
	
	<footer>
		<div>&copy; 2022 - 2023 柒导航<br>由 <a href="https://www.aibll.com/" title="艾比">艾比</a>开发。</div>
		<div><a href="https://www.aibll.com/" title="艾比">Made with <i>&#xe64f;</i> by Aibll.</a></div>
	</footer>
<!-- 禁用调试-->
<script>//禁止F12
 function fuckyou(){
 window.close(); //关闭当前窗口(防抽)
 window.location="about:blank"; //将当前窗口跳转置空白页
 }
 function click(e) {
 if (document.all) {
   if (event.button==2||event.button==3) {
 alert("禁止恶意拿代码的");
 oncontextmenu='return false';
 }
 }
 if (document.layers) {
 if (e.which == 3) {
 oncontextmenu='return false';
 }
 }
 }
 if (document.layers) {
 fuckyou();
 document.captureEvents(Event.MOUSEDOWN);
 }
 document.onmousedown=click;
 document.oncontextmenu = new Function("return false;")
 document.onkeydown =document.onkeyup = document.onkeypress=function(){
 if(window.event.keyCode == 123) {
 fuckyou();
 window.event.returnValue=false;
 return(false);
 }
 }
 </script>
	
</body>

</html>