大家好，今天给各位分享校园表白墙网站最新PHP源码分享的一些知识，其中也会对校园表白墙app进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！
都说程序员是大大的直男，但是一旦程序员浪漫起来，他们会用他们狂拽酷炫吊的技能展现自己的罗曼蒂克实力，那时候就真的没文科男什么事啦！下面我就跟大家分享如何用简单的html制作一个网页版的爱心表白，不管你是不是程序员都能用，手机就可展示。
先来看下效果：
后面会提供给大家源代码，在这里先交大家怎么去根据自己的实际情况去改这个文件。
复制源代码
首先大家将我后面的源代码复制下来并且粘贴进一个txt文件就可以。
jquery.js下载
不要看到下载就害怕，这个大家只要搜索jquery就能下载了，下载完是一个jquery.js文件，将文件改名为jquery.txt，双击打开将内容复制到下图所示位置。（如果有人不会下，可以私信我索要）
更改表白信息
大家根据自己的实际请款更改页面的一些信息，比如姓名，日期、或者是表白内容都可以
源码
最后奉上源码，这里是没有jquery.js的，已经预留空，需要大家复制粘贴进来就行了，最后将txt文件的后缀改为.html就可以了，不管是电脑还是手机都能用哦。
<!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>\n<htmlxmlns=”http://www.w3.org/1999/xhtml”>\n<head>\n<metahttp-equiv=”Content-Type”content=”text/html;charset=utf-8″/>\n<title>Love</title>\n<styletype=”text/css”>\n@font-face{\n\tfont-family:digit;\n\tsrc:url(‘digital-7_mono.ttf’)format(“truetype”);\n}\nbody{margin:0;padding:0;background:mainDiv{width:100%;height:100%}\ngarden{width:100%;height:100%}\nwords{font-family:”sans-serif”;width:500px;font-size:24px;color:messages{display:none}\nloveu{padding:5px;font-size:22px;margin-top:80px;margin-right:120px;text-align:right;display:none}\nclickSound{display:none}\n333;font-family:”Consolas”,”Monaco”,”BitstreamVeraSansMono”,”CourierNew”,”sans-serif”;font-size:12px}\n2a36ff}\n7f0055;font-weight:bold}\ncode.space{margin-left:7px}\n3f7f5f}\n666}\ncopyrighta{color:loveHeart”);\n\tvaroffsetX=$loveHeart.width()/2;\n\tvaroffsetY=$loveHeart.height()/2-55;\n$garden=$(“loveHeart”).width();\ngardenCanvas.height=$(“content”).css(“width”,$loveHeart.width()+$(“content”).css(“height”,Math.max($loveHeart.height(),$(“content”).css(“margin-top”,Math.max(($window.height()-$(“content”).css(“margin-left”,Math.max(($window.width()-$(“elapseClock”).html(result);\n}\nfunctionshowMessages(){\n\tadjustWordsPosition();\n\t$(‘words’).css(“position”,”absolute”);\n\t$(‘garden”).position().top+195);\n\t$(‘garden”).position().left+70);\n}\nfunctionadjustCodePosition(){\n\t$(‘garden”).height()-$(“loveu’).fadeIn(3000);\n}\n</script>\n</head>\n<body>\n<divstyle=”text-align:center;clear:both;”>\n<scriptsrc=”/gg_bd_ad_720x90.js”type=”text/javascript”></script>\n<scriptsrc=”/follow.js”type=”text/javascript”></script>\n</div>\n<divid=”mainDiv”>\n\t<divid=”content”>\n\t\t<divid=”code”>\n\t\t\t<spanclass=”comments”>/**</span><br/>\n\t\t\t<spanclass=”space”/><spanclass=”comments”>*2009—01-01,</span><br/>\n\t\t\t<spanclass=”space”/><spanclass=”comments”>*2009-01-01.</span><br/>\n\t\t\t<spanclass=”space”/><spanclass=”comments”>*/</span><br/>\n\t\t\tBoyname=<spanclass=”keyword”>Mr</span>A<br/>\n\t\t\tGirlname=<spanclass=”keyword”>Mrs</span>B<br/>\n\t\t\t<spanclass=”comments”>//Fallinloveriver.</span><br/>\n\t\t\tTheboylovethegirl;<br/>\n\t\t\t<spanclass=”comments”>//Theyloveeachother.</span><br/>\n\t\t\tThegirllovedtheboy;<br/>\n\t\t\t<spanclass=”comments”>//AStimegoeson.</span><br/>\n\t\t\tTheboycannotbeseparatedthegirl;<br/>\n\t\t\t<spanclass=”comments”>//Atthesametime.</span><br/>\n\t\t\tThegirlcannotbeseparatedtheboy;<br/>\n\t\t\t<spanclass=”comments”>//Bothwindandsnowalloverthesky.</span><br/>\n\t\t\t<spanclass=”comments”>//Whetheronfootor100kilometers.</span><br/>\n\t\t\t<spanclass=”keyword”>Theboy</span>very<spanclass=”keyword”>happy</span>;<br/>\n\t\t\t<spanclass=”keyword”>Thegirl</span>isalsovery<spanclass=”keyword”>happy</span>;<br/>\n\t\t\t<spanclass=”placeholder”/><spanclass=”comments”>//Whetheritisrightnow</span><br/>\n\t\t\t<spanclass=”placeholder”/><spanclass=”comments”>//Stillinthedistantfuture.</span><br/>\n\t\t\t<spanclass=”placeholder”/>Theboyhasbutonedream;<br/>\n\t\t\t<spanclass=”comments”>//Theboywantsthegirlcouldwellhavebeenhappy.</span><br/>\n\t\t\t<br>\n\t\t\t<br>\n\t\t\tIwanttosay:<br/>\n\t\t\tBaby,Iloveyouforever;<br/>\n\t\t</div>\n\t\t<divid=”loveHeart”>\n\t\t\t<canvasid=”garden”></canvas>\n\t\t\t<divid=”words”>\n\t\t\t\t<divid=”messages”>\n\t\t\t\t\t亲爱的，这是我们相爱在一起的时光。\n\t\t\t\t\t<divid=”elapseClock”></div>\n\t\t\t\t</div>\n\t\t\t\t<divid=”loveu”>\n\t\t\t\t\t爱你直到永永远远。<br/>\n\t\t\t\t\t<divclass=”signature”>-A先生</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n<scripttype=”text/javascript”>\nvaroffsetX=$(“loveHeart”).height()/2-55;\nvartogether=newDate();\ntogether.setFullYear(2009,01,01);\ntogether.setHours(20);\ntogether.setMinutes(0);\ntogether.setSeconds(0);\ntogether.setMilliseconds(0);\nif(!document.createElement(‘canvas’).getContext){\n\tvarmsg=document.createElement(“div”);\n\tmsg.id=”errorMsg”;\n\tmsg.innerHTML=”Yourbrowserdoesn’tsupportHTML5!<br/>RecommenduseChrome14+/IE9+/Firefox7+/Safari4+”;\n\tdocument.body.appendChild(msg);\n\t$(“copyright”).css(“position”,”absolute”);\n\t$(“code”).typewriter();\n}\n</script>\n</body>\n</html>\n
好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！