【问题标题】:Loading random Stylesheets into a single HTML using jquery使用 jquery 将随机样式表加载到单个 HTML 中
【发布时间】:2014-04-01 10:26:45
【问题描述】:

我打算做一个非常简单的网页,每次加载时都会改变外观。我只想拥有一个 HTML 文档。它可以链接到多个样式表之一(随机选择),也可以有一个样式表,其中包含一组不同的值。

我想使用 Jquery,因为我有点理解它。 PHP 或其他的有点超出了我作为前端设计师的理解。

我可以得到任何帮助或建议吗?即使被指出一个方向也会对我有所帮助。

提前非常感谢你:)

【问题讨论】:

标签: jquery html css random


【解决方案1】:

PHP

您将拥有一个文件数组,然后使用 array_rand 函数您可以根据索引获取随机 $files 项。

<?php
    $files = array("file1.css", 
                   "file2.css", 
                   "file3.css"
                   );
    $getRandom = array_rand($files, 1);
?>

<link rel="stylesheet" href="<?php echo $files[$getRandom]; ?>">

【讨论】:

  • 嘿@Nick R 感谢您的回答。我试图避免使用 PHP,因为我几乎不理解它。但是,我真的很想学习。所以请原谅我这么幼稚,但我必须在我的 html 的 中添加这段代码并将文档另存为 .PHP,¿对吗?之后,我可以将文件视为普通的 index.html 吗?
  • @DeividSaenz 是的,将其添加到 &lt;head&gt; 标记中。要运行.php 文件,您还需要一个Web 服务器,如果您在Windows 上,则需要一个WAMP 堆栈,以便处理PHP。然后,您可以在 PHP 文件中编写标准 HTML,并使用 &lt;?php // code ?&gt; 括起任何 PHP 代码
【解决方案2】:

这是一个简单的 jQuery 脚本:

$(function() {
   var items = ['somecss.css', 'somecss2.css', 'somecss3.css'];
   var item = items[Math.floor(Math.random()*items.length)];
   $("head").append("<link rel='stylesheet' href='" + item + "' type='text/css' media='screen'>");
});

其中“items”是一个css样式数组,“item”是数组中的一个随机样式。

【讨论】:

  • 效果很好!!!我什至想过做某种 SWITCH 来添加一个不同的类,但由于它是这么小的项目,这个简单的代码太棒了!非常感谢@kaverzniy
猜你喜欢
  • 1970-01-01
  • 2013-02-18
  • 1970-01-01
  • 1970-01-01
  • 2010-10-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多