当前位置：网站首页 > IT技术 > 正文

520最强PHP表白代码来了（php表白墙）

wptr33 2025-06-04 02:09 23 浏览

展示已有的表白信息（包含图片、姓名和表白内容）
提供表单让用户可以提交新的表白
提交后立即显示在页面上
包含动画效果和响应式设计复制粘贴修改成你自己名字以及你要表白的对象即可

<?php

// 定义表白信息数组

$confessions = [

[

'name' => '李华',

'message' => '从第一次见到你的那一刻起，我的心就像被施了魔法。520，我爱你，愿与你共度余生。',

'image' => 'http://jssnjc.com/400/300?random=1'

[

'name' => '张伟',

'message' => '520到了，我想对你说：你是我生命中最美的遇见，希望我们能一直走下去。',

'image' => 'http://hunanduodao.com/400/300?random=2'

]

];

// 处理表单提交

if ($_SERVER["REQUEST_METHOD"] == "POST") {

$name = $_POST["name"];

$message = $_POST["message"];

$image = 'http:/gzqrbz.com/400/300?random=' . rand(3, 10);

// 添加新的表白信息

$newConfession = [

'name' => $name,

'message' => $message,

'image' => $image

];

array_push($confessions, $newConfession);

}

<!DOCTYPE html>

<head>

tailwind.config = {

theme: {

extend: {

colors: {

primary: '#FF4D6D',

secondary: '#FFB3C1',

accent: '#FFC2D1',

neutral: '#FFF0F3',

fontFamily: {

inter: ['Inter', 'sans-serif'],

}

</script>

@layer utilities {

.text-shadow {

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);

}

.bg-gradient-love {

background: linear-gradient(135deg, #FF4D6D 0%, #FFB3C1 100%);

}

.animate-float {

animation: float 6s ease-in-out infinite;

}

@keyframes float {

0% { transform: translateY(0px); }

50% { transform: translateY(-20px); }

100% { transform: translateY(0px); }

}

</style>

</head>

</div>

<p class="text-[clamp(1rem,2vw,1.25rem)] max-w-2xl mx-auto">在这个充满爱意的日子里，勇敢表达你的心声</p>

</div>

</header>

<?php foreach ($confessions as $index => $confession) : ?>

<img src="<?php echo $confession['image']; ?>" alt="表白图片" class="w-full h-48 object-cover">

</button>

</div>

<?php endforeach; ?>

</div>

</section>

<h2 class="text-2xl font-bold text-primary mb-6">勇敢说出你的爱</h2>

<form method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" class="space-y-6">

</div>

</div>

<i class="fa fa-paper-plane mr-2"></i> 发送表白

</button>

</div>

</form>

</section>

</main>

<p class="mb-4">愿每一份爱都能被温柔以待</p>

</div>

</footer>

// 添加心形动画效果

document.addEventListener('DOMContentLoaded', function() {

const heartButton = document.querySelectorAll('.fa-heart');

heartButton.forEach(button => {

button.addEventListener('click', function() {

this.classList.toggle('animate-bounce');

setTimeout(() => {

this.classList.toggle('animate-bounce');

}, 1000);

});

</script>

</body>

</html>

以上代码仅供参考

php array_push

上一篇：PHP 数组与数据结构（php数组操作）
下一篇：信息安全学习4. 重放攻击的概念与防范

520最强PHP表白代码来了（php表白墙）

相关推荐

程序员的开源月刊《HelloGitHub》第 71 期

SparkSQL——DataFrame的创建与使用

如何将AI助手接入微信（打开ai手机助手）

使用过 Redis 分布式锁么，它是什么回事?

VUE循环语句的使用(v-for)（vuefor循环的key）

HiveOs系统教程最细手把手教学（hiveos启动）

HIVE SQL基础语法（hive-sql）

《循环(for/while)》（循环while语句）

Spring Boot 概述（spring boot干嘛的）

西门子博途SCL高级语言之FOR循环（西门子博途for循环语句编程）