使用jquery的HTML页面选项
我正在尝试创建一个html页面选项。这个选项菜单是一个在鼠标悬停或点击时显示的面板，从那里我可以更改颜色、背景图案等，我认为这是在更改css文件，或者它正在做其他事情，但我不知道如何做。我试图在谷歌上找到一些东西，但没有找到 如果你不明白我在找什么，请看看这页，悬停“+”按钮，你会看到。 编辑：如果有人知道jquery插件已经完成了这类工作，请提交一个链接。 EDIT2：我真正想要的是一个插件，它保留我所做的属性更改，当我转到另一个网站页面时，颜色将是我在第一个页面上选择的颜色。例如：我的主页是红色的，我从面板选项中选择蓝色，当我转到博客页面时，该页面上的颜色将是蓝色（我在上一页上选择的颜色）。使用jquery的HTML页面选项,jquery,html,css,options,Jquery,Html,Css,Options,我正在尝试创建一个html页面选项。这个选项菜单是一个在鼠标悬停或点击时显示的面板，从那里我可以更改颜色、背景图案等，我认为这是在更改css文件，或者它正在做其他事情，但我不知道如何做。我试图在谷歌上找到一些东西，但没有找到 如果你不明白我在找什么，请看看这页，悬停“+”按钮，你会看到。 编辑：如果有人知道jquery插件已经完成了这类工作，请提交一个链接。 EDIT2：我真正想要的是一个插件，它保留我所做的属性更改，当我转到另一个网站页面时，颜色将是我在第一个页面上选择的颜色。例如：我的主页
谢谢。您可以这样做，HTML:
<body class="red">
<p>Some text</p>
<a href="#" id="paint-blue">paint blue</a>
<a href="#" id="paint-red">paint red</a>
</body>
bodyonloadonload$(document).ready(function() {
// Should be easy to write if you look at the tutorial
var colour = getColourFromCookie();
if (colour == 'blue') {
$("#paint-blue").click();
}
// red is default, no need to do anything
});
与示例站点相比，您可以做得更好的一件事是，您可以根据cookie值呈现不同的页面（不同的主体类），而不是总是呈现一个版本，然后在客户端进行更改-至少在我的计算机上，JS启动和更改颜色之前有明显的延迟。是，但我们在这里讨论的是页面的背景模式，一些将要显示或不显示的div。如何做到这一点？非常感谢你的回答！您也可以更改其他CSS属性、
背景图像显示：隐藏点击处理程序并在JS中进行一些操作，但是CSS对于大多数事情来说应该已经足够了。我知道你想说什么，我只是觉得有一个jquery插件或者类似的东西已经完成了。一个插件到底在做什么？没有人知道你希望你的页面看起来像什么，你必须自己编写CSS，如果你想要漂亮的动画或CSS类转换，你可以使用jQuery UI。我也更新了我的问题。
$("#paint-blue").click(function(event) {
event.preventDefault();
$("body").removeClass("red").addClass("blue");
}
$("#paint-red").click(function(event) {
event.preventDefault();
$("body").removeClass("blue").addClass("red");
}
$(document).ready(function() {
// Should be easy to write if you look at the tutorial
var colour = getColourFromCookie();
if (colour == 'blue') {
$("#paint-blue").click();
}
// red is default, no need to do anything
});