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

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

 

一、准备工作

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 文件

 

3、启动nginx,双击 nginx-1.19.2 文件下,nginx.exe 文件

 

4、浏览器输入: http://localhost/ 或者 http://127.0.0.1/ ,本地就可以访问啦

 

 

5、启动natapp,获取外网访问地址 (natapp入门这里

 

6、至此,步骤就完成啦~

 

祝大家表白成功,谢谢~

 

 

 

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页