-1

是否可以使用 Jquery 或 PHP 创建一个具有不断变化的背景图像和重新加载时的标语/副本的主页。

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

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

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

我真的是设计师而不是程序员，所以请放轻松，但如果有人知道解决方案，我将不胜感激。谢谢。

4

1 回答 1

0

您希望在每次用户重新加载时随机选择背景图像和一些文本。这应该很容易。您可以使用 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];

?>

然后，在您的 HTML 中进一步向下查看 PHP 文件：

<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; }
于 2012-05-29T16:06:44.147 回答