php - 同步旋转背景和标题

标签 php javascript html css rotation

我在一页上有一个背景和一个标题。每次访问页面时我都需要它们旋转。我发现了大量的图像旋转脚本,您只需在其中引用脚本,就好像它是 css 中的图像一样,但我找不到一个我也可以为每个图像调用标题的脚本。有谁知道有什么可以帮助我的吗? (停止从内到外学习 PHP)

例如

<html>

 <head>

  <title>Page Title</title>

  <style>

   body {
     background: url('this-image-needs-to-change.jpeg');
   }

  </style>

 </head>

 <body>

  <h1>At The Same Time As This Header</h1>

 </body>

</html>

最佳答案

使用 PHP 进行随机化很容易,只需执行以下操作:

 <?php
     $bgs    = array("bg1.jpg","bg2.jpg","bg3.jpg");
     $titles = array("Title1", "Title2", "Title3");

     $currentIdx = array_rand($bgs);
 ?>

 <style>

 body {
   background: url('<?php echo $bgs[$currentIdx]; ?>');
 }

 </style>
<body>
    <h1><?php echo $titles[$currentIdx];?></h1>
 </body>

应该做的工作。

关于php - 同步旋转背景和标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11879748/

相关文章:

php - 如果其中一列大于时间戳,Mysql 按两列排序

php - 基于用户、角色和方法呈现菜单

javascript - 使用 php 附加到页面末尾

html - 调整图片大小但仍然必须响应

javascript - 具有单独操作值的 Ajax 表单

javascript - 将 PHP 数组转换为 JavaScript 对象

javascript - typescript 错误: Type '.....' is not assignable to type 'IntrinsicAttributes & Number'

javascript - 在javascript中显示多维对象数组的结果

html - Firefox CSS 位置问题

java - 将base64中的图像从rest服务返回到img src标签