带你去一个并没有什么luan用的网站的网站

发布于 2019-12-31  154 次阅读


我们都知道一些好的网站能给人们带来便利,带来开心娱乐。可以给人们带来享受,但是
到目前为止仍有 70%(我说的) 的网站至今我们都没能明白其中深意,让人迷惑,令人费解,有时候甚至让你怀疑人生,这些网站一次次挑战你对沙雕的定义。


一个合格的沙雕网站,必须永远让你摸不着头脑。为了一探究竟这些个沙雕网站。我也做了个沙雕网站,以供大家访问更多的沙雕网站。
你可以访问地址 http://object.tanmantang.com/object/unlessweb/

放出源码:

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>带你去一个没什么luan用的网站</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="带我去一个一个没什么luan用的网站">
		<style>
            html,body {
            	padding: 0px;
            	margin: 0px;
            	height: 100%;
            	/* 想要更多渐变色请参考 http://www.laoguoba.com/2718.html */
            	background: linear-gradient(to bottom right ,#0CCDA3,#C1FCD3);
            }
            
            .hgroup {
            	height: auto !important;
            	margin-top: 15% ;
            }
            
            h1,h2,h3,h4,h5 {
            	text-shadow: 2px 2px 4px #999;
            	text-align: center;
            	margin: auto;
            	color: #333;
            }
            
            h1 {font-size: 68px;}
            h2 {margin-bottom: 7px;font-size: 30px;}
            h3 {font-size: 78px;}
            h4 {font-size: 72px;}
            h5 {font-size: 45px;}
            
            button {
            	position: relative;
            	color: rgba(255, 255, 255, 1);
            	border: none;
            	cursor: pointer;
            	background-color: rgba(219, 87, 5, 1);
            	font-size: 30px;
            	-webkit-border-radius: 8px;
            	-moz-border-radius: 8px;
            	border-radius: 8px;
            	-webkit-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
            	-moz-box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
            	box-shadow: 0px 9px 0px rgba(219, 31, 5, 1), 0px 9px 25px rgba(0, 0, 0, .7);
            	margin: 100px auto;
            	outline: none;
            	text-align: center;
            	-webkit-transition: all .1s ease;
            	-moz-transition: all .1s ease;
            	-ms-transition: all .1s ease;
            	-o-transition: all .1s ease;
            	transition: all .1s ease;
            }
            
            button:active {
            	-webkit-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
            	-moz-box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
            	box-shadow: 0px 3px 0px rgba(219, 31, 5, 1), 0px 3px 6px rgba(0, 0, 0, .9);
            	position: relative;
            	border: none;
            	top: 6px;
            }
            
            /* 3d文字效果 */
            .threed { 
              color: #fafafa; 
              letter-spacing: 0;
              text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
            }
            
            .notice{
            	color: #000000;
            	padding-top: 22px;
            	text-align: center;
            }
            
            /* 蒲公英 */
            /* 在小屏幕自动隐藏 */
              @media screen and (max-width:600px) {
              .dandelion { display: none !important; }
            }
            	
            .dandelion span {
              /*display: block;*/
              position: fixed;
              z-index: 9999999999;
              bottom: 0px;
              background-image: url(https://ae01.alicdn.com/kf/U6681e76e56394e309842ca80be195e7ew.png);
              background-repeat: no-repeat;
              _background: none;
            /* 动画效果 */
              -webkit-animation: ball-x 3s linear 2s infinite;
              -moz-animation: ball-x 3s linear 2s infinite;
              animation: ball-x 3s linear 2s infinite;
              -webkit-transform-origin: bottom center;
              -moz-transform-origin: bottom center;
              transform-origin: bottom center;
            }
            			
            /* 大的蒲公英样式 */
            .dandelion .bigdan { 
              width: 64px;
              height: 115px; 
              left: 41px; 
              background-position: -86px -36px; 
              border: 0px solid #fff;
            }
            			
            /* 小的蒲公英样式 */
            .dandelion .smalldan { 
              width: 36px; 
              height: 60px; 
              left: 88px; 
              background-position: 0 -90px; 
              border: 0px solid #fff;
            }
            			
            /* 以下是动画效果 */
            @keyframes ball-x {
              0% {transform: rotate(0deg);}
              25% {transform: rotate(5deg);}
              50% {transform: rotate(0deg);}
              75% {transform: rotate(-5deg);}
              100% {transform: rotate(0deg);}
            }
            			
            @-webkit-keyframes ball-x {
              0% {-webkit-transform: rotate(0deg);}
              25% {-webkit-transform: rotate(5deg);}
              50% {-webkit-transform: rotate(0deg);}
              75% {-webkit-transform: rotate(-5deg);}
              100% {-webkit-transform: rotate(0deg);}
            }
            			
            @-moz-keyframes ball-x {
              0% { -moz-transform: rotate(0deg); }
              25% { -moz-transform: rotate(5deg); }
              50% { -moz-transform: rotate(0deg); }
              75% { -moz-transform: rotate(-5deg); }
              100% { -moz-transform: rotate(0deg); }
            }
            
            @media screen and (max-width: 980px) {
            	.buttons {
            		width: 100%;
            		padding-top: 5px;
            		display: flex;
            		justify-content: center;
            	}
            }
            
            @media screen and (max-width: 650px) {
            	h1,h3,h4 {
            		font-size: 58px;
            	}
            }
		</style>
		<script type="text/javascript" src="./style/uselessweb.js"></script>
	</head>
	<body>
		<div class="notice threed">
			本站不保证所要访问的网站是否安全,介意则请勿点击下方按钮
		</div>
		<div class="hgroup">
			<h1><font class="threed">请带我去</font></h1>
			<h2 id="joint"><font>一个</font></h2>
			<h3><font>没什么卵用的</font></h3>
			<h4><font>网站</font></h4>
			<h5>
				<font>→</font>
				<button id="button"><font>请</font></button>
				<font>←</font>
			</h5>
			<script>
				var uselessWebButton = new uselessWebButton(document.getElementById('button'));
			</script>
		</div>
		<!-- 蒲公英 -->
		<div class="dandelion">
		  <span class="smalldan"></span>
		  <span class="bigdan"></span>
		</div>
		<script>
            function uselessWebButton(button, popup) {
            	var buttonElement = button;
            	var popupElement = popup;
            	var initialClick = false;
            	var randomRange = 15;
            	// 添加网站列表--后期可自行修改为数据库的方式
            	var sitesList = [
            		["https://www.fidgetspin.xyz/"],
            		["http://papertoilet.com/"],
            		["http://www.fallingfalling.com/"],
            		["http://endless.horse/"],
            		["http://heeeeeeeey.com/"],
            		["http://tinytuba.com/"],
            		["http://corndog.io/"],
            		["http://thatsthefinger.com/"],
            		["http://cant-not-tweet-this.com/"],
            		["http://weirdorconfusing.com/"],
            		["http://eelslap.com/"],
            		["http://www.staggeringbeauty.com/"],
            		["http://burymewithmymoney.com/"],
            		["http://endless.horse/"],
            		["http://www.trypap.com/"],
            		["http://www.republiquedesmangues.fr/"],
            		["http://www.movenowthinklater.com/"],
            		["http://www.partridgegetslucky.com/"],
            		["http://www.rrrgggbbb.com/"],
            		["http://beesbeesbees.com/"],
            		["http://www.koalastothemax.com/"],
            		["http://www.everydayim.com/"],
            		["http://randomcolour.com/"],
            		["http://cat-bounce.com/"],
            		["http://chrismckenzie.com/"],
            		["http://hasthelargehadroncolliderdestroyedtheworldyet.com/"],
            		["http://ninjaflex.com/"],
            		["http://ihasabucket.com/"],
            		["http://corndogoncorndog.com/"],
            		["http://www.hackertyper.com/"],
            		["https://pointerpointer.com"],
            		["http://imaninja.com/"],
            		["http://www.ismycomputeron.com/"],
            		["http://www.nullingthevoid.com/"],
            		["http://www.muchbetterthanthis.com/"],
            		["http://www.yesnoif.com/"],
            		["http://iamawesome.com/"],
            		["http://www.pleaselike.com/"],
            		["http://crouton.net/"],
            		["http://corgiorgy.com/"],
            		["http://www.wutdafuk.com/"],
            		["http://unicodesnowmanforyou.com/"],
            		["http://www.crossdivisions.com/"],
            		["http://tencents.info/"],
            		["http://www.patience-is-a-virtue.org/"],
            		["http://pixelsfighting.com/"],
            		["http://isitwhite.com/"],
            		["http://onemillionlols.com/"],
            		["http://www.omfgdogs.com/"],
            		["http://oct82.com/"],
            		["http://chihuahuaspin.com/"],
            		["http://www.blankwindows.com/"],
            		["http://dogs.are.the.most.moe/"],
            		["http://tunnelsnakes.com/"],
            		["http://www.trashloop.com/"],
            		["http://www.ascii-middle-finger.com/"],
            		["http://spaceis.cool/"],
            		["http://www.donothingfor2minutes.com/"],
            		["http://buildshruggie.com/"],
            		["http://buzzybuzz.biz/"],
            		["http://yeahlemons.com/"],
            		["http://burnie.com/"],
            		["http://wowenwilsonquiz.com"],
            		["https://thepigeon.org/"],
            		["http://notdayoftheweek.com/"],
            		["http://www.amialright.com/"],
            		["http://nooooooooooooooo.com/"],
            		["https://greatbignothing.com/"],
            	];
            	var sites = null;
            	// 绑定按钮
            	var init = function() {
            		button.onclick = onButtonClick;
            		sites = sitesList.slice(0);
            	};
            
            	// 从列表中选择并删除下一个网站
            	var selectWebsite = function() {
            		var site, range, index;
            		range = randomRange > sites.length ? sites.length : randomRange;
            		index = Math.floor(Math.random() * range);
            		site = sites[index];
            		sites.splice(index, 1);
            		return site;
            	};
            
            	var onButtonClick = function() {
            		// 更改页面显示文字
            		if (initialClick === false) {
            			document.getElementById("joint").innerHTML = "另一个";
            			initialClick = true;
            		}
            
            		var url = selectWebsite()[0];
            		window.open(url);
            		// 已访问所有网站。。。刷新列表。
            		if (sites.length == 0) {
            			sites = sitesList.slice(0);
            		}
            	};
            
            	init();
            }
            
            // 我的要求并不高,保留这一句版权信息可好?
            // 保留了,你不会损失什么;而保留版权,是对作者最大的尊重。
            console.info('作者:TMT(http://tanmantang.com)\n 带你去一个没什么卵用的网站的网站');
		</script>
	</body>
</html>

本当の声を響かせてよ