JS表白代码:“你好啊,小仙女”

导语

        “只缘感君一回顾, 使我思君朝与暮”

        谁说程序员不浪漫序员们是为爱编程,用代码敲出了美丽的爱情,用代码谱写最动人的爱情故事。

正文

1)软件安装

2)素材展示??

2.1)

 

 准备两张图,一个是比心的动态图,另一张是构成大爱心的小爱心

3)代码正文

3.1)导入已经写好的css、js文件

 注意!js文件要放在末尾,否则DOM元素还没加载,js就会出现无法获取对象的情况

 3.2)给页面布局

 3.4)JS部分

设置各个小爱心相对自身中心的位置,这里我把大爱心拆分为23个部分,这23个部分里面各有4个小爱心,自身中心确定为#div2的小爱心,其他3个爱心设置相对位置

跟上面一样,给这23个部分确定一个中心,其他22个参照中心设置相对位置

接下来就是一些DOM操作以及自定义一些简单的方法实现爱心的相对位置变化

定义升空函数

页面加载触发定时器,动画开始

 4)视频展示

JS表白代码

 

总结

文章写到这里就结束了~,是不是非常简单呢,拿去表白或者给对象吧!

 完整的源码免费分享,需要的滴滴我!

 

 

 

 

 

 

 

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年11月8日
下一篇 2021年11月8日

相关推荐