位置: IT常识 - 正文

基于HTML实现浪漫情人节表白代码(附源代码)(html编写)

编辑:rootadmin
基于HTML实现浪漫情人节表白代码(附源代码)

推荐整理分享基于HTML实现浪漫情人节表白代码(附源代码)(html编写),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,如何用html制作,,,htmllang,,,htmllang,内容如对您有帮助,希望把文章链接给更多的朋友!

🤵‍♂️ 个人主页:@艾派森的个人主页

✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞👍🏻 收藏 📂加关注+

目录

前言

 项目介绍

1.项目结构

2.修改表白文字

3.修改时间

表白诗  

项目源码


前言

        情人节,又称圣瓦伦丁节或圣华伦泰节,日期在每年公历的2月14日,是西方国家的传统节日之一,起源于基督教。如今已经成为全世界著名的浪漫节日,但是不同国家的人们表达爱意的方式却各不相同。         情人节是一个关于爱、浪漫以及花、巧克力、贺卡的节日,男女在这一天互送礼物用以表达爱意或友好。情人节的晚餐约会通常代表了情侣关系的发展关键。         情人节现已成为欧美各国青年人喜爱的节日,其他国家也已开始流行。中国将传统节日七夕节视作情人节。由于能表达共同的人类情怀,各国各地纷纷发掘了自身的“情人节”。据海外网2019年2月14日电,有美媒曝出,日本女性正在抵制本国情人节的一项独特传统。

        今天就是情人节了,不知道眼前的你脱单了没有,反正俺是没有。当然这都不是问题,不管你是否脱单,我相信今天的代码分享一定会对你有所帮助!

废话不多说,先看看最后的效果:

基于HTML实现浪漫情人节表白代码(附源代码)(html编写)

         首先映入眼帘的是一个小爱心,当鼠标点击的时候,爱心会变成一个小红种子落入大地,然后逐渐长成一颗大的爱心树,接着就是展示喜欢至今的时间,最后就是表白文字的撰写。

 项目介绍1.项目结构

 本次项目主要使用到html、css、js语言。

2.修改表白文字

要修改项目中的表白文字,打开index.html代码,找到下面代码位置进行修改即可。

<div id="code"> <font color="#FF0000"> <span class="say">我的心中充满了爱,</span><br> <span class="say">对你的情感无限真诚。</span><br> <span class="say">我希望你能感受到,</span><br> <span class="say">这份深深的爱情。</span><br> <span class="say"> </span><br> <span class="say">你是阳光中的一道亮丽,</span><br> <span class="say">是我生命中不可或缺的部分。</span><br> <span class="say">我想要陪伴你,</span><br> <span class="say">在你身边永远微笑。</span><br> <span class="say"> </span><br> <span class="say">我知道,我可能不是最完美的人,</span><br> <span class="say">但我会努力去爱你,</span><br> <span class="say">用一生去宠爱你,</span><br> <span class="say">用最真诚的心爱你。</span><br> <span class="say"> </span><br> <span class="say">亲爱的悦悦,我爱你,永远爱你,</span><br> <span class="say">愿你能接受我的爱,</span><br> <span class="say">和我一起走进幸福的未来。</span><br> <span class="say"> </span><br> <span class="say"><span class="space"></span> -- 爱你的森森--</span> </font></div></div><div id="clock-box"><span class="STYLE1"></span><font color="#33CC00">亲爱的悦悦,我喜欢你</font><span class="STYLE1">已经是……</span><div id="clock"></div></div>3.修改时间

要修改时间进入index.html代码,翻到最下面,找到以下代码位置进行修改(默认开始时间是2020年1月15日16小时53分0秒)

var textAnimate = eval(Jscex.compile("async", function () { var together = new Date(); together.setFullYear(2020,1 , 15); //时间年月日 together.setHours(16);//小时 together.setMinutes(53);//分钟 together.setSeconds(0);//秒前一位 together.setMilliseconds(0);//秒第二位 $("#code").show().typewriter(); $("#clock-box").fadeIn(500); while (true) { timeElapse(together); $await(Jscex.Async.sleep(1000)); } }));表白诗  

本次项目中的诗词是我用csdn自带的ChatGPT自动生成的,在手机APP端【我的】-->【更多服务】-->【ChatGPT】,用起来还不错。最后再帮大家找到一些唯美爱情的古诗词:

       1、问世间,情是何物,直教生死相许。   2、恨君不似江楼月,南北东西,南北东西,只有相随无别离。   3、当时明月在,曾照彩云归。   4、春蚕到死丝方尽,蜡炬成灰泪始干。   5、浮生长恨欢娱少,肯爱千金轻一笑。为君持酒劝斜阳,且向花间留晚照。   6、天与短因缘,聚散常容易。   7、满院落花帘不卷,断肠芳草远。   8、何处合成愁,离人心上秋。   9、重叠泪痕缄锦字,人生只有情难死。   10、无缘何生斯世,有情能累此生。   11、江州司马,青衫泪湿,同是天涯。   12、红烛背,绣帘垂,梦长君不知。   13、唯将终夜长开眼,报答平生未展眉。   14、惟将终夜长开眼,报答平生未展眉。   15、妾身悔作商人妇,妾命当逢薄幸夫。   16、相思树底说相思,思郎恨郎郎不知。   17、名播兰簪妃后里,晕生莲脸君王侧。   18、君安游兮西入秦,愿为影兮随君身。   19、花红易衰似郎意,水流无限似侬愁。   20、教人无处寄相思,落花芳草过前期,没人知。   21、锺情怕到相思路。盼长堤,草尽红心。动愁吟,碧落黄泉,两处难寻。   22、红豆生南国,春来发几枝,愿君多采撷,此物最相思。   23、莫道佳人总是痴,惺惺怜俐没便宜。只因会尽人间事,惹得闲愁满肚皮。   24、还始觉、留情缘眼,宽带因春。   25、宜有词仙,拥素云黄鹤,与君游戏。   26、泪雨问花花不语,又见散花落满地。步雨深夜夜不许,再盼长夜破晓时。   27、妆罢低声问夫婿,画眉深浅入时无。   28、诚知此恨人人有,贫贱夫妻百事哀。   29、千万恨,恨极在天涯。山月不知心里事,水风吹落眼前花,摇曳碧云斜。   30、细腰争舞君沉醉,白日秦兵天下来。   31、恨到归时方始休,月明人倚楼。   32、相思莫共花争发,一寸相思一寸灰。   33、寻寻觅觅,冷冷清清,凄凄惨惨戚戚。   34、看朱成碧思纷纷,憔悴支离为忆君。   35、红颜未老恩先断,从此箫郎是路人。   36、取次花丛懒回顾,半缘修道半缘君。   37、静水流深,沧笙踏歌;三生阴晴圆缺,一朝悲欢离合。   38、三杯两盏残淡酒,怎敌他晚来风急。   39、荆州麦熟茧成蛾,缲丝忆君头绪多。   40、明月楼高休独倚,酒入愁肠,化作相思泪。   41、凡事皆有代价,快乐的代价便是痛苦。   42、云淡风高叶乱飞,小庭寒雨绿苔微,深闺人静掩屏帷。   43、凄凉别后两应同,最是不胜清怨月明中。   44、俏丽若三春之桃,清素若九秋之菊。 

项目源码

链接:https://pan.baidu.com/s/1hlgbFYsxzaCp1q_YwyOQ6Q  提取码:50rw

        短信筑起城堡,文字开出玫瑰,问候散发甜蜜,新年触动精彩。在新的一年,祝福你的爱情,全年旅途愉快,幸福依然。情人节快乐!

本文链接地址:https://www.jiuchutong.com/zhishi/297412.html 转载请保留说明!

上一篇:AI数字绘画 stable-diffusion 保姆级教程(ai数字绘画设计培训)

下一篇:操作系统页表(操作系统页表项怎么算)

  • 段后间距8磅怎么设置(段后间距8磅是几行)

    段后间距8磅怎么设置(段后间距8磅是几行)

  • opporeno7有耳机孔吗(opporeno1耳机孔)

    opporeno7有耳机孔吗(opporeno1耳机孔)

  • 快手里的声音设置在哪(快手里的声音设置在哪苹果手机)

    快手里的声音设置在哪(快手里的声音设置在哪苹果手机)

  • 查看别人的朋友圈别人会知道吗(查看别人的朋友圈,别人能看到吗?)

    查看别人的朋友圈别人会知道吗(查看别人的朋友圈,别人能看到吗?)

  • 花呗红包怎么用(花呗红包怎么用不了了)

    花呗红包怎么用(花呗红包怎么用不了了)

  • 光影精灵5和暗影精灵5区别(光影精灵5和暗影精灵4哪个好)

    光影精灵5和暗影精灵5区别(光影精灵5和暗影精灵4哪个好)

  • iphone屏幕为什么突然变暗(iPhone屏幕为什么比安卓好)

    iphone屏幕为什么突然变暗(iPhone屏幕为什么比安卓好)

  • 微信怎么满屏小心心(微信怎么满屏小兔子头像)

    微信怎么满屏小心心(微信怎么满屏小兔子头像)

  • 明明有网络快手没网络怎样办(明明有网络快手没网络怎样办OPPO手机)

    明明有网络快手没网络怎样办(明明有网络快手没网络怎样办OPPO手机)

  • 小米手环必须开蓝牙吗(小米手环必须开位置嘛)

    小米手环必须开蓝牙吗(小米手环必须开位置嘛)

  • 微信怎么打包图片发送给好友(微信怎么打包图片成聊天记录)

    微信怎么打包图片发送给好友(微信怎么打包图片成聊天记录)

  • 暂停服务是停机了吗(手机暂停服务怎么回事)

    暂停服务是停机了吗(手机暂停服务怎么回事)

  • 苹果手机能不能下载两个微信(苹果手机能不能边充电边玩)

    苹果手机能不能下载两个微信(苹果手机能不能边充电边玩)

  • lcd和oled的区别手机(屏幕lcd和oled的区别)

    lcd和oled的区别手机(屏幕lcd和oled的区别)

  • 拼多多昵称是账号吗(拼多多昵称是账号名字吗)

    拼多多昵称是账号吗(拼多多昵称是账号名字吗)

  • iphonexr是无线耳机吗(苹果xr是无线耳机吗)

    iphonexr是无线耳机吗(苹果xr是无线耳机吗)

  • 手机充电一夜不拔对手机有没有影响(手机充电一夜不拔对电池有影响吗)

    手机充电一夜不拔对手机有没有影响(手机充电一夜不拔对电池有影响吗)

  • 乐视2手机内存满了怎么清理(乐视2手机内存不足怎么清理)

    乐视2手机内存满了怎么清理(乐视2手机内存不足怎么清理)

  • 什么是set安全协议(什么是set安全协议?set办议是谁开发的?)

    什么是set安全协议(什么是set安全协议?set办议是谁开发的?)

  • 抖音为什么突然出现没有作品了(抖音为什么突然退出登录)

    抖音为什么突然出现没有作品了(抖音为什么突然退出登录)

  • 苹果x屏幕分辨率(苹果x的屏幕分辨率在哪里查看)

    苹果x屏幕分辨率(苹果x的屏幕分辨率在哪里查看)

  • a1674ipad哪年产的(苹果平板a1674是几代)

    a1674ipad哪年产的(苹果平板a1674是几代)

  • 抖音直播能看回放么(抖音直播能看回放吧)

    抖音直播能看回放么(抖音直播能看回放吧)

  • xr后台怎么关

    xr后台怎么关

  • 途牛旅游如何入驻商家(途牛旅游网属于什么模式)

    途牛旅游如何入驻商家(途牛旅游网属于什么模式)

  • 快手买东西怎么查单号(快手买东西怎么找官方客服)

    快手买东西怎么查单号(快手买东西怎么找官方客服)

  • 电脑任务栏在右边怎么办?(电脑任务栏在右边怎么调回下边)

    电脑任务栏在右边怎么办?(电脑任务栏在右边怎么调回下边)

  • 公司不开票要交工会经费吗
  • 增值税的专用发票含税吗
  • 延期缴纳税款是纳税争议吗
  • 交增值税及附加税怎么做账
  • 进口关税怎么做分录
  • 转出未交增值税借方
  • 进口货物如何确认
  • 个人承包工程怎么交个税
  • 企业中征码怎么办
  • 一般纳税人必须先有进项才能开出来发票吗
  • 非货币性交换需要确认主营业务收入吗
  • 小微企业增值税起征点是多少
  • 未确认融资费用是一级科目吗
  • 单独计价入账的土地是无形资产吗
  • 多扣社保个人部分怎么做分录
  • 个人所得税扣除的
  • 金税四期进展
  • 资产处置损益的明细科目有哪些
  • 固定资产大修理和更新改造的区别
  • 公司预付的货款怎么做账
  • 存货跌价准备在报表什么项目列示
  • 企业专票抵税
  • linux 设置默认路由
  • 发出商品是在产品吗
  • 国外交工作的基本出发点和落脚点是
  • bios怎么更改硬盘
  • 代开的发票没有人名行不行?
  • 取得经营所得及其他所得交纳的所得税
  • 销售不动产分期收款怎么确认收入
  • PHP:pg_lo_truncate()的用法_PostgreSQL函数
  • neoCopy.exe - neoCopy是什么进程 有什么用
  • 公司转让债务债权协议
  • python雪花算法生成id
  • VUE3.2 + vue-echarts + DataV 数据可视化大屏(项目)
  • chatteing
  • php die exit
  • 商品交换包括
  • 纳什理论是什么
  • 固定资产有金额界定吗
  • 企业盈利不交所得税的办法
  • 残次品生产成本计算
  • java查询mongodb数据
  • python return和yield有什么不同
  • 微信小程序 滚动 变色
  • 个体户季报网上申报怎么填写
  • 哪些合同不需要缴纳印花税的通知
  • 长期股权投资中级会计例题
  • 记账凭证核算形式
  • 社保扣款上月没扣费
  • 已付款但未收到发票怎样记账
  • 收取的招标资料费增值税税率
  • 帮别人维修东西怎么开票
  • 过了认证期怎么办
  • 企业收到加盟费怎么开发票
  • 公对公房产过户
  • 留抵进项税抵扣预缴怎么做账
  • 购买汽车保险费是否做入固定资产
  • 工程款结清确认书模板
  • 一般纳税人混凝土税负率
  • 未打印税务分类怎么处理
  • 固定资产为什么提折旧,有何实际意义
  • 总账建账的原则包括
  • vs 2008
  • windowsserver2008r2密码重置
  • 苹果mac怎么清理缓存
  • centos7关闭kdump
  • centos页面
  • shell32.exe - shell32是什么进程 有什么用
  • windows10version20h2的03
  • win8怎样设置禁止弹出广告
  • win8.1技巧
  • rsa加解密过程是什么
  • js实现日历可获得的信息
  • jquery获取当前对象
  • android触屏事件的处理
  • &&在js中
  • 你真的了解摩羯座吗
  • 国网四川电力客户电话号码
  • 江宁市民中心周末可以办户口吗?
  • 河北耕地占用税最新规定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设