这是代码
// ==UserScript==
// @name Wood Background
// @namespace http://www.nationstates.net/nation=ellorn
// @description Changes background to wood finish
// @include http:*//w11.zetaboards.com/Allied_Republics/*
// ==/UserScript==
function addCss(cssString) {
var head = document.getElementsByTagName('head')[0];
return unless head;
var newCss = document.createElement('style');
newCss.type = "text/css";
newCss.innerHTML = cssString;
head.appendChild(newCss);
}
addCss (
'* { background: #00ff00 url('http://awesomewallpapers.files.wordpress.com/2010/01 /wooden_top.jpg') no-repeat
fixed center; }'
);
我正在尝试替换网站的背景:http://awesomewallpapers.files.wordpress.com/2010/01/wooden_top.jpg
最佳答案
如果只是样式更改,请使用 the Stylish add-on (几乎所有浏览器都可以使用此功能的某些变体)。
Stylish 比 Greasemonkey 或用户脚本更快、更轻、更容易。 userstyles.org 有大量预制样式可供选择。 .
除此之外,请使用内置函数,例如 GM_addStyle()
.
以下脚本适用于 Firefox 和 Chrome,可能还适用于其他一些浏览器。 (CSS 字符串中存在语法错误):
// ==UserScript==
// @name Wood Background
// @namespace http://www.nationstates.net/nation=ellorn
// @description Changes background to wood finish
// @include http:*//w11.zetaboards.com/Allied_Republics/*
// ==/UserScript==
GM_addStyle (
"* { background: #00ff00 "
+ "url('http://awesomewallpapers.files.wordpress.com/2010/01/wooden_top.jpg')"
+ " no-repeat fixed center; }"
);
请注意,最好将 *
替换为 body
。
关于javascript - 编写替换背景图像的用户脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11539871/