php - 如何让随机图像每次刷新一个样式表,但在选择另一个样式表时消失?

标签 php javascript html css wordpress

我目前正在开发自己的 Wordpress 主题。我认为在侧边栏中有一个下拉框会很酷,您可以在其中选择不同的主题,它会稍微改变页面背景、边框颜色等。

问题是,对于一个主题(默认主题),我的 header.php 文件中有 Javascript,其中标题图像将在每次刷新时更改。我希望这个标题图像在切换样式表时消失,但它只是与另一个重叠。我该如何更改?

如果您想亲自查看,该框位于右侧边栏中蓝色按钮下方。这是我的测试网站。忽略 000webhost 的东西。

http://trainman1405.site11.com/wordpress/

谢谢!

最佳答案

这里的一般解决方案是在一张表中定义所有样式,但为它们命名,这样您就可以简单地更改 classbody 上新样式将生效。 (您也可以使用命名空间在单独的工作表中定义它们,并简单地引用 <head> 中的每个工作表。)

例如一些CSS:

body a { color: #00f; } /* default */
body.green a { color: #090; }
body.red a { color: #f00; }

然后当你想改变它时(使用 jQuery,虽然普通的 Javascript 也可以完成这项工作):

$('#theme_select').change(function()
{
   $('body').removeClass('green').removeClass('red'); // remove existing classes
   $('body').addClass($(this).val()); 
});

关于php - 如何让随机图像每次刷新一个样式表,但在选择另一个样式表时消失?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7787086/

相关文章:

javascript - 从选择多个中获取值

php - Mysql 查询 SELECT DISTINCT 月/年

javascript - 无法在 material-ui Button 组件中读取 null 的属性(读取 'pulsate')

javascript - 错误: Unnecessary use of boolean literals in conditional expression

javascript - 在 Javascript 中运行命令 Wscript.shell ActiveX

javascript - 当不显示 div 时,忘记这个 css 规则

javascript - 如何在 TextNode 之后使用 jQuery.insertAfter?

php - 使用动态创建的选择字段的 onchange 显示隐藏动态生成的文本框

php - 如何在 PHP 函数中获取当前递归级别

javascript - Canvas2Image 下载图像到服务器中的文件夹