点击上方“程序猿杂货铺”,“星标或置顶公众号”
第一时间获取价值内容
![640?wx_fmt=gif](https://i-blog.csdnimg.cn/blog_migrate/87fcd97b4fb14f2df122dfa40aa84c8f.gif)
阅读本文大概需要 4 分钟
520就快到啦,不知道小伙伴们有没有想好怎么表白呢?小姐姐我搜集了一些栗子供大家参考哟!
这里是栗子
那些年程序员的情话
编程语言真是神奇,从古至今的表白语言都可以转化为程序语言来表达~
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/19b07549686572245566b0d8fcc5615c.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/d43409c19d1d1b89e7ae42e025bd1bf1.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/ea23ffcce65a0abb14f2a013eeeb858d.jpeg)
代码花式表白
除了文字形式的表白,还可以用代码完成特效(^U^)ノ~YO 项目地址:
http://bigeone.cn/love/index.html
不仅提供了8种花式表白的心形特效,还附有修改说明,真良心网站!
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/1639bfcb85987899a3fbf5ba4b65d3eb.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/c98bd4d04a9e921f3436c2c95826e4dc.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/98852a5be67db7d7f27b1db5919a5c91.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/2b6d00c93edd61eddb597065bf749cd8.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/fbb5bd55fac3007122950ccfd1753238.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/2488b6e9bd445bb49aafe9e84113660d.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/b1a03607cc14300bcf323ebe9dbb7c69.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/4de72637ebc50d27ce89c06befcd21a5.jpeg)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/3af458fdb3b0ee14ec6e07839a5cfe78.jpeg)
这个网站提供了详细的指导,如何在新浪云上建站,如何上传、修改源代码,大家可以按照步骤建立网站,然后把网页发给心仪的对象哟~(什么,有童鞋问小编有没有对象?当然有了,不仅有对象,小编还有对车,对马,对炮,对士和五个卒,手持一套象棋,要啥有啥,小编可厉害了呢୧(๑•̀◡•́๑)૭)
特效网页的简易版教程
或许有童鞋觉得上面那个建立网站流程太复杂,没有建站经验的自己不好操作,别担心~小姐姐我手把手教你,本地文件统统搞定!
Step1. 下载文件
源码打包下载地址,或者公众号回复关键词【520】直接获取实现源码
CSDN: http://download.csdn.NET/detail/wuxia2001/8715125
Github: https://github.com/wuxia2001/loveyue
这是上面良心网站提供的源代码,内含8种花式表白。
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/427b264facd11e5fe97238855f2aff85.png)
Step2. 挑选自己喜欢的模板
按照8种特效的效果图呢,小编觉得效果1很不错,确认过眼神,是对的特效!
Step3.修改代码
接下来,我们就要开始修改啦,不要担心!作者的代码写得很好,我们只需要简单的修改变量就好啦~打开下载好的html文件。
用浏览器打开html文件,我们可以在浏览器看效果~
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/ab6909d84183bfbed71c2b755a4dbbc6.png)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/a642e73c726d3f2688f49135a148b4f6.jpeg)
接下来进入修改环节,小编使用notepad++软件来打开html文件,强烈推荐这个软件,贼好用\(^o^)/~
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/074ec46b4080eac17d5b89cb05696fc9.png)
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/cd7148f1210efe98df08e26f79a57f04.jpeg)
上面红框的大段文字,对应的是效果中左侧的表白,如果想要修改表白内容的话,就修改上面红框中的汉字。如果还想修改表白的话里的颜色,直接在span里加一处style="color:red",比如:
'<span class="comments" style="color:red">我的小可爱</span>'
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/477484082d6f3e08a3a45f68ff02e305.png)
第186行这里,可以修改你们在一起的开始时间哟,没有对象的童鞋,可以填写开始喜欢的时间。小编当然是填写Datawhale成立时间啦~2018年12月6日!然后程序会自动计算到目前为止,一共经历了多长时间。
Step4. 把程序打包好,发给你喜欢的人~
制作效果如下:
实现源码直接获取
公众号后台回复关键词:520
520 送书活动还在继续哦,没参加的赶紧来参加了,中奖率超高的哈!(点击下方文件链接直接进入)
520 福利来袭,一次性包邮送 15 本纸质书籍,满足你的需求!
往期精彩回顾
![640?wx_fmt=png](https://i-blog.csdnimg.cn/blog_migrate/909a71d4ea621c29a8b36e4e252f980f.png)
![640?wx_fmt=gif](https://i-blog.csdnimg.cn/blog_migrate/a6d3459af3af8fcbdf025ba09ecf66d1.gif)