Question

是否可以使用Jquery或PHP创建一个主页，其中包含更改的背景图像和重新加载时的标语/副本。

我在客户端网站上使用完整的图像背景，我有特定的标题和副本，与每个背景图像一起使用。我的计划是使用4-6张图片和标语/副本。

我不想让文本成为背景图片的一部分，因为这对搜索引擎没有好处。

我知道如何对其进行编码以在重新加载或复制时更改背景图像，但不能同时更改两者。而且我很幸运找到满足这两个要求的解决方案。

我真的是一名设计师，而不是程序员，所以对我很轻松，但如果有人知道解决方案，我会很感激。感谢。

Answer 1

您希望每次用户重新加载时随机选择背景图像和一些文本。这应该很容易。你可以用Javascript或PHP完成所有这些。我要去PHP。

在文件顶部附近执行此操作：

<?php

    // Generate a random number.
    $random = rand(0, 2);

    // Set up messages, and fetch a random one.
    $messages = array(
        array("heading" => "foo", "body" => "123"), 
        array("heading" => "bar", "body" => "456"),
        array("heading" => "bad", "body" => "789")
    );
    $message = $messages[$random];

?>

然后，进一步关闭PHP文件，在HTML中：

<body class="background-<?= $random ?>">
    <h1><?= $message['heading'] ?></h1>
    <p><?= $message['body'] ?></p>
</body>

你可以在你的CSS中进行背景图像随机化：

body.background-0 { background: red; }
body.background-1 { background: green; }
body.background-2 { background: blue; }

在重新加载时更改背景图像，标题和副本

1 个答案: