我们都知道一些好的网站能给人们带来便利，带来开心娱乐。可以给人们带来享受，但是
到目前为止仍有 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>
Comments | 6 条评论
我只是路过打酱油的
看看有什么功能!
还可以，推荐看看
吾来看看
源码不是打开网站后直接右键就看到了么