击查看520特效
由于上传图片大小有限制,所以效果不太好,实际效果比这炫酷很多!
这个特效是用HTML5/canvas配合javascript制作的,比较适合作为网站或者博客的背景,虽然录制的图片出来看起来很卡,但是实际上还是很顺畅的,520要来了,也可以单独做个表白的页面发给自己的暗恋的人哟!这个特效的javascript代码也不是很复杂,对于小白来说也可以慢慢理解,当然,知识作为一个背景而言还很单调,所以还需要各位自己去添加一些内容!我的头条上也有许多关于HTML5/javascript的特效和游戏,大家感兴趣的可以去看看!下面附上源码!
如果想要更多的企业求职加分项目,案例,学习方法可以来一下我的前端群570946165,每天都会精挑细选一个特效,项目出来详细讲解,分享!包括答疑解惑!
代码过长需要文档版源码来我的前端群570946165,已上传到群文件
头条号里有许多web前端学习视频/源码,企业常用特效/案例/项目,敬请关注!
你女票一定会这样的!
说程序员是大大的直男,但是一旦程序员浪漫起来,他们会用他们狂拽酷炫吊的技能展现自己的罗曼蒂克实力,那时候就真的没文科男什么事啦!下面我就跟大家分享如何用简单的html制作一个网页版的爱心表白,不管你是不是程序员都能用,手机就可展示。
先来看下效果:
后面会提供给大家源代码,在这里先交大家怎么去根据自己的实际情况去改这个文件。
首先大家将我后面的源代码复制下来并且粘贴进一个txt文件就可以。
不要看到下载就害怕,这个大家只要搜索jquery就能下载了,下载完是一个jquery.js文件,将文件改名为jquery.txt,双击打开将内容复制到下图所示位置。(如果有人不会下,可以私信我索要)
大家根据自己的实际请款更改页面的一些信息,比如姓名,日期、或者是表白内容都可以
最后奉上源码,这里是没有jquery.js的,已经预留空,需要大家复制粘贴进来就行了,最后将txt文件的后缀改为.html就可以了,不管是电脑还是手机都能用哦。
当然中间那个字你可以换成你想要的,比如你老婆的名字,让她也感受感受程序员的浪漫呢
...省略其他代码,只需找到这个中文,替换你想要的中文就可以
,y="px Arial",v="老婆",q="♥",X=w/2,Y=h/2,T=4,p=_1){var e=this;e.g=_1){
...
同样,你可以修改源代码,将名字换成你和你老婆的,各种纪念日啥的
<span class="comments">/**</span><br />
<span class="space"/><span class="comments">*2019—01-01,</span><br />
<span class="space"/><span class="comments">*2019-07-26.</span><br />
<span class="space"/><span class="comments">*/</span><br />
Boy name = <span class="keyword">王</span> 某某<br />
Girl name = <span class="keyword">刘</span> 某某<br />
链接:https://share.weiyun.com/czPx8C5g 密码:g7vy8g
#程序员##七夕表白创意##写代码#
*请认真填写需求信息,我们会在24小时内与您取得联系。