Watch 1 Star 3 Fork 2

鸿基梦 / loveTanabataJavaScript

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
热恋中的福利,改一改代码中的文案以及代码图片,给你女朋友一个神秘的七夕礼物,程序也是有爱的!!! spread retract

https://hjm100.gitee.io/me/love.html

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

#loveTanabata(七夕节的浪漫)

********************************************************************

热恋中的福利,改一改代码中的文案以及代码图片,给你女朋友一个神秘的七夕礼物!

程序也是有爱的!!!

希望程序的世界里多姿多彩,这就是程序之美,学好程序爱情事业双丰收!

程序之路虽然苦涩但是也可以给自己创造甜甜的美味,喜欢程序,就去创新吧!!

*****************************************************************

0.love(2014年的相识,让我来不及准备》》爱需要用一生去补偿)

*****************************************************************

1.loveLog(2015年七夕礼物-->日志短信爱的执着)

*****************************************************************

注:这是一个程序的结合体,甜蜜的气息也不忘记练习工作,练习一下css3的动画!!

基本上含金量不是太高,但是素材都是精心准备的,那时候的我前端知识入程度不高!

只是写一点静态的页面以及js的交互,不过这份礼物虽然有点陋但是她很开心!

首页是一个简单的打地鼠游戏,当分值达到一百的时候提示后面有惊喜!

这个惊喜可以说是相识相知一整年,通过字数计算,刚好25124多个字,万里长征!

这只是一个开头,路还有很远,当滚动条滚动到最低端的时候等待6s发生一个事件!

即为跳转页面,一个爱的魔方作为礼物的尾声,是一个完美的设计!

整体音乐选择:最爱的棉花糖钢琴曲(欢快的音乐氛围最佳)!

技术性知识:

判断滚动条是否在底部:(可以自己研究一下)

scrollTop为滚动条在Y轴上的滚动距离。

clientHeight为内容可视区域的高度。

scrollHeight为内容可视区域的高度加上溢出(滚动)的距离。

scrollTop + clientHeight == scrollHeight。

日志短信爱的执着预览地址

*****************************************************************

2.lovePhoto(2016年七夕礼物-->甜蜜相册)

*****************************************************************

注:这个简单的小程序虽然没什么技术含量,主要是用心做的就是完美的。

基本上没什么代码,使用了一个jq相册插件jquery.fancybox-buttons.js。

页面显示的是小图片,里面连接大图片,相信大家都是可以写出来的。

程序王者之路技术固然重要,最重要的是思路,要敢做感想。

文字图片配音乐,七夕甜蜜无限爱,希望天下有情人终成眷属!!!!!

甜蜜相册预览地址

*****************************************************************

3.loveLetter(2017年七夕礼物-->一封甜蜜的电报)

*****************************************************************

注:为什么是来自一封甜蜜的信,代表着远方的思念, 2017年我在北京你在家乡,

你的专属情人节,没有玫瑰的幽香,没有巧克力的甜蜜, 作为一个程序员,随着

专业知识的提高,这封甜蜜电报送给你,它寄托着我的思念与回忆。

顾名思义,甜蜜电报是用程序写的一个打字机,当打字结束后调用一个canvas时钟

时钟记录了我们相遇相知的时间,一转眼已经有三年了。程序的入口是一个摇一摇

增强用户提要的同时,显得有那么些许高大上,不过ios系统总是那么独特,声音的

处理现在也不是很完美(还好她的手机是安卓)不是偷懒,真心的不知道如何是好,

希望大牛给予指点,pc端的排版与移动端的排版有所不同,手机端是左右浮动,移动

端是上下定位,因此绝大程度的避免了,排版错乱问题,可能兼容性不太好,但是足

以满足你的需求,爱就要行动起来,没有完美,只有更加接近完美,2017年是个思念

的年,2017年还一个奋斗的年,加油少年,前方的路,她是我的风景。。。。。

项目分为两个风格:1:网页版、2:app(打包完后附加上apk文件)

添加音乐播放器,播放的音乐是我表白的时候为她点的歌,浪漫气息更加浓烈

浪漫APP安装包下载地址(安卓与ios都有):

链接: https://pan.baidu.com/s/1c1OJIfu 密码: ahjm

一封甜蜜的电报预览地址

*****************************************************************

4.loveSpeak(2018年七夕礼物-->说不完的土味情话)

*****************************************************************

注:说不完的土味情话,送给你一生一世的甜蜜,送给你每时每刻的枕边蜜语。

点击“生成情话”按钮,打乱情话库的文字,但随着动画特效随机生成一条情话。

就是这么神秘,扫描二维码可以给朋友分享本页面链接,幸福要懂得分享。

点击下载生成图片按钮,会将整个页面生成图片,可以长按保存啦!

说不完的土味情话预览地址

*****************************************************************

5.loveMeteorShower(2019年七夕礼物-->陪你去看流星雨)

*****************************************************************

注:陪你一起去看流星雨,在安静的夜空下说不完的情话,一个小男孩望着远方,希望流星能够

给你带去远方的思念,2019年的七夕是我们异地分离度过的第5个七夕,虽然满满的都是思念,但还是希

望宝宝能永远开心快乐,希望天下所有异地的恋人能够早日告别异地的酸楚,有情人终成眷属。

本礼物设计思路:

  1. 页面加载后点击按钮:梦梦大人陪我一起去看流星雨吧

  2. 点击按钮后隐藏遮罩层 --> 播放音乐 --> 播放星星聚合动画(5秒一下)点击的时候切换文案播放

  3. 播放完毕后展示这些年的作品项目路径

  4. 爱就要永远向前看

陪你去看流星雨

*****************************************************************

(可能服务器已经到期,需要的小伙伴只能通过下载源码来访问和预览了)

Comments ( 0 )

Sign in for post a comment

JavaScript
1
https://gitee.com/hjm100/loveTanabata.git
git@gitee.com:hjm100/loveTanabata.git
hjm100
loveTanabata
loveTanabata
master

Help Search