当前位置:首页 » 青春随笔 » 正文

分类页和文章页“当前位置”下方广告(PC版)
分类页和文章页“当前位置”下方广告(移动版)

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

409 人参与  2016年07月29日 21:57  分类 : 青春随笔  评论

    刚刚建站的时候,偶尔逛别人的博客时,会看到首页提示网站正在更新中,请稍候访问...,就觉得好腻害。网上也没搜索到方法,还不好意思找人问。突然有一天就顿悟了,首页不就是通过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改成自己的。谁知道清萍剑客啥时候会删除了呢?


来源:小小蚂蚁博客(微信/QQ号:604980661),转载请保留出处和链接!

本文链接:http://www.xinha.net/post/308.html

文章底部广告(PC版)
文章底部广告(移动版)
百度分享获取地址:http://share.baidu.com/

本文标签:

微信公众号:QQ604980661 关注1元购买iPhone6!

加入【网络营销联盟】QQ群:72599821(加群验证:小小蚂蚁博客)

这里的内容可以随意更改,在后台-主题配置中设置。

百度推荐获取地址:http://tuijian.baidu.com/,百度推荐可能会有一些未知的问题,使用中有任何问题请直接联系百度官方客服!
<< 上一篇 下一篇 >>
评论框上方广告(PC版)
评论框上方广告(移动版)

  • 评论(1)
  • 相关文章

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

我是标题

    内容的形式各种各样,可以是文本,也可以是各种广告等。

网络推广 | 网络营销 | 本站主题 | 网络创业 | 电子商务