![](https://img-blog.csdnimg.cn/cacdf0deb2ff4e58aab335f37348efdd.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端项目实战
文章平均质量分 77
介绍一些前端实战项目
知心宝贝
生于尘埃 溺于人海 死于理想高台
展开
-
漫天繁星构成文字情话
七夕节是爱情的节日,是一个以“牛郎织女”民间传说为载体,以祈福、乞巧、爱情为主题。虽然说今年的七夕节还早,但身为程序员,怎么能不提前给女朋友送一个炫酷的祝福呢,又省钱还浪漫,下面为大家推荐一款大神写的Github的项目:原创 2022-03-30 18:30:11 · 4115 阅读 · 48 评论 -
情人节表白神器(成功率100%)
一、前言2022年2月14号就是情人节了,情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日,男女在这一天互送礼物用以表达爱意或友好。 在情人节的当天不知道有没有想要向心仪的对象表白的人,如果有的话,下面这一款神器可千万不要错过了。二、效果展示1.首页首页就是上面写着###人的名字,后面可以换成自己想要的人名。上面是一行提问,中间部分有两个按钮,左侧是同意按钮,右侧是不同意按钮。2.按钮选择鼠标是一个会移动的爱心,当你选择不同意的按钮时,按钮就会按照代码中编写的.原创 2022-02-12 13:45:01 · 6298 阅读 · 79 评论 -
1000行代码实现定制形象送虎年祝福
一、前言虎年到了,给你虎虎的祝福,虎虎的甜蜜,虎虎的运气,虎虎的健康,虎虎的快乐,虎虎的心情,虎虎的欣慰,虎虎的顺利,虎虎的幸福,虎虎的人生! 我们给亲朋好友送去祝福,通常是使用微信、QQ等沟通工具,这个贺卡可以让你选择不同的人物性别、人物发型、眉毛、眼睛、鼻子、嘴巴、服饰、专属送祝福人物、祝福语等等。二、效果展示1、首页进入一开始的界面,中间部分是一个倒挂着的福字,福字下面是一个可以摆动的小老虎,询问者你的性别,选择左侧的男生、右侧的女生按钮进入不同的形象界面。2、定制形原创 2022-02-05 17:10:41 · 1095 阅读 · 37 评论 -
800行代码实现春节倒计时与烟花祝福
一、前言春节就快要到了,希望你2022年,如虎添翼万事圆!吉祥如意平安年,开心快乐幸福年,喜气冲天幸运年,财源滚滚发财年,万事大吉顺心年,美满团圆喜庆年,愿君新年事事顺利,岁岁平安,年年如意!二、效果展示1.春节计时2.虎年摆件 两个虎年动态摆件,左边是大吉大利,右边是心想事成。 3.背景音乐 背景音乐是李谷一老师的难忘今宵,点击右上角按钮即可以播放音乐 4.全局效果5.烟花祝福 点击底部的提前观看烟花就会跳转新的...原创 2022-01-29 09:58:13 · 7268 阅读 · 58 评论 -
200行JS代码为你的网页挂上红灯笼
一、前言除夕夜,在门前挂上灯笼有鸿(红)运当头的吉祥寓意,逢年过节挂的灯笼上,基本都是吉祥的图案和祝福的吉祥话。 而灯笼的正红色是朱砂的颜色,而朱砂是风水上讲去邪挡煞效力极强的宝物,所以自古逢年过节,就有在大门上挂红色灯笼的传统。二、效果展示局部效果全局效果三、代码讲解1.确定位置我们平常挂灯笼一般是挂在大门的两侧,所以我们把灯笼的位置确定在网页的左侧和右侧,平时讲究好事成双,所以网页两侧的灯笼要对称,距离适中。右侧的灯笼位置:.spring_lant原创 2022-01-24 17:21:55 · 10246 阅读 · 69 评论 -
200行Html5+CSS3+JS代码实现动态圣诞树
一、前言最近CSDN的热榜出现了很多用Python、C/C++等编程语言实现的圣诞树,这篇文章用前端三大杀手Html5、CSS、Js来实现动态圣诞树二、原创 2021-12-20 17:56:47 · 70757 阅读 · 267 评论 -
100行Html5+CSS3+JS代码实现元旦倒计时界面
一、前言二、圣诞树效果展示:三、步骤如果之前看过我这篇文章的1.下载VSCode下载链接:VSCode在Hbuilder、idea运行也是可以的,这里推荐使用VSCode2.配置插件三个插件对应的功能:改写标签后自动完善 切换成中文页面 让代码在网页中打开,默认键Alt+B3.构建三个文件在桌面新建一个空的文件夹,用VSCode打开 在VSCode新建三个文件 index .html domtree....原创 2021-12-29 16:24:57 · 16144 阅读 · 108 评论