程序员手把手教你如何在七夕表白

程序员文章站 2022-04-07 19:47:49

...

程序员手把手教你如何在七夕表白

一、准备工作

1、七夕 - 程序员表白代码，选1个你喜欢的案例

2、下载一个nginx：http://nginx.org/en/download.html （或者Tomcat等web服务器都可以）

程序员手把手教你如何在七夕表白

3、下载并注册一个natapp： https://natapp.cn/ （natapp入门这里）

程序员手把手教你如何在七夕表白

二、具体步骤

1、选1个你喜欢的案例，取个名字， index.html 比如下面这个：

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>

<h1 style="position:absolute; left:280px; top:155px; width:auto; height:210px;">你喜欢我吗?</h1>
<div id="By" style="position:absolute; left:285px; top:235px;">
  <input type="button" value=" 是的！ " onclick="f1()">
</div>
<div id="Bn" style="position:absolute; left:360px; top:235px;">
  <input type="button" value=" 喜欢个锤子！ " onmouseover="f()" onclick="f2()">
</div>

<script type="text/javascript">
function f1(){
	  alert("太好来，晚上一起吃饭看电影！！！") 
	} 
	var flag=1;
	function f(){ 
	  var Bn = document.getElementById('Bn');
	  var aWidth= document.body.clientWidth || document.documentElement.clientWidth;
	  var aHeight= document.body.clientHeight || document.documentElement.clientHeight;
	  var sJs1=Math.floor(Math.random()*aHeight);
	  var sJs2=Math.floor(Math.random()*aWidth);
	  if(flag==1){
	    Bn.style.top=sJs1 + 'px';
	    Bn.style.left=sJs2+'px'; 
	    flag=2;

	  }else if(flag==2){
	    Bn.style.top=sJs1+'px';
	    Bn.style.left=sJs2+'px';
	    flag=3;
	  }else if(flag==3){
	    Bn.style.top=235 + 'px';
	    Bn.style.left=286 + 'px';
	    flag=4;
	  }else if(flag==4){
	    Bn.style.top=235 + 'px';
	    Bn.style.left=360 + 'px';
	    flag=1;
	  }
	}
	function f2(){
	  alert('这不是你的真心话！');
	}
</script>

</body>
</html>

2、复制 index.html，到 nginx-1.19.2\html 文件下，替换 index.html 文件

程序员手把手教你如何在七夕表白