背景图像转换器

时间:2013-07-06 21:40:26

标签: php html css background-image html-helper

当我尝试创建一个与用户一起行动的CSS时,它会是一个背景选择。

例如: 用户访问我的网站,他们发现很难阅读网站上的内容,所以他们需要一个不同的背景图像,以便他们可以选择一个套装他们,我有六个不同的选择,请帮助我不知道该怎么做这个。

1 个答案:

答案 0 :(得分:1)

我使用jQuery创建了一些非常简单的东西,您可以查看here

jQuery

$('.picker ul li').click(function() {
    var background = $(this).css('background-color');
    $("html, body").css("background-color", background);    
});

jQuery获取用户点击的元素的CSS值(rgba值),然后设置背景颜色以匹配点击。

更新:添加了背景图片(点击第一个选择器元素)JSFiddle