Skip to main content
 首页 » 青春随笔

enlog首页显示正在更新中是如何制作的

4个月前 (07-29)2111百度已收录

    刚刚建站的时候,偶尔逛别人的博客时,会看到首页提示网站正在更新中,请稍候访问...,就觉得好腻害。网上也没搜索到方法,还不好意思找人问。突然有一天就顿悟了,首页不就是通过index来显示的吗?我直接修改index文件不就可以了。测试还真就是那么回事,只要是通过index来显示首页的程序应该都是这种方法。(修改前请备份源文件,否则出错不要找我

    网上这种代码其实还是很多的,但是大部分都是英文的。中文站长很多都是随便写两个字就直接贴出来了,觉得太敷衍了。还不如直接挂出一个引导页源码呢?都是利用index文件。

    今天在浏览清萍剑客博客时,发现他做的挺好看的。就把代码拔下来了,这里就不演示了。直接上代码,演示直接自己保存到html文件,自行查看就好了。


<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">
<title>今日维护,暂时关闭网站……</title>
<link href="http://www.bowenguangji.cc/content/templates/bowen/jcss/animate.min.css" rel="stylesheet">
<style class="cp-pen-styles">

body{
  background-color: #000000;
  margin: 0px;
  overflow: hidden;
   background-image: radial-gradient(ellipse farthest-corner at center top, #23233f 0%, #000000 60%);
}

.weihu{
       position: absolute;
    font-size: 32px;
    font-family: 楷体;
    color: #fff;
    z-index: 999;
    text-align: center;
    margin: auto;
    top: 24%;
    left: 0;
    right: 0;
    animation-delay: 0.6s;
    line-height: 2;
}
.weihu>div{animation: pulse 2s infinite;}

</style>

</head>
<body>

<div class="weihu animated zoomIn">
  <div>网站正在更新中,请稍候片刻....<br>
    43.225.44.25</div></div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r58/three.min.js"></script>
<script>var vertexHeight = 15000;
var planeDefinition = 100;
var planeSize = 1245000;
var totalObjects = 100000;

var container = document.createElement('div');
document.body.appendChild( container );

var camera = new THREE.PerspectiveCamera(55, window.innerWidth / window.innerHeight,1, 400000)
camera.position.z = 550000;
camera.position.y =10000;
camera.lookAt( new THREE.Vector3(0,6000,0) );


var scene = new THREE.Scene();
scene.fog = new THREE.Fog( 0x000000, 1, 300000 );


var	plane = new THREE.Mesh( new THREE.PlaneGeometry( planeSize, planeSize, planeDefinition, planeDefinition ), new THREE.MeshBasicMaterial( { color: 0x555555, wireframe: false } ) );
plane.rotation.x -=Math.PI*.5;

scene.add( plane );

var geometry = new THREE.Geometry();

for (i = 0; i < totalObjects; i ++) 
{ 
  var vertex = new THREE.Vector3();
  vertex.x = Math.random()*planeSize-(planeSize*.5);
  vertex.y = Math.random()*100000;
  vertex.z = Math.random()*planeSize-(planeSize*.5);
  geometry.vertices.push( vertex );
}

var material = new THREE.ParticleBasicMaterial( { size: 200 });
var particles = new THREE.ParticleSystem( geometry, material );
	 
scene.add( particles ); 

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
container.appendChild( renderer.domElement );

updatePlane();

 function updatePlane() { 
   for (var i = 0; i < plane.geometry.vertices.length; i++) 
   { 
     plane.geometry.vertices[i].z += Math.random()*vertexHeight -vertexHeight; 
   } 
 };


render();

			function render() {
        requestAnimationFrame( render );
        camera.position.z -= 150;
       //  dateVerts();
        renderer.render( scene, camera );
			}

</script>
</body>
</html>

如果真想用,先把css改成自己的。谁知道清萍剑客啥时候会删除了呢?


阅读延展
评论列表1条评论
Suppore
Suppore回复 不错,不错。
发表评论