利用tampermonkey 修改全部网站背景图以及部分样式透明度?
本帖最后由 贝优妮塔 于 2018-7-11 19:35 编辑:lol 如题
需要 浏览器安装tampermonkey 插件
1.添加新脚本
2.将下边复制进去 (注意第三行去掉url括号内的)
3.保存即可 食用...
背景轮播
仅修改背景
背景 及修改 样式例子
代码:
仅修改背景 一行就够了:
(注意去掉 url括号内的)
document.body.style = "background:rgba(0,0,0,0) url(http://bizhi.zhuoku.com/2015/01/31/huahuagongzhu/huahuagongzhu10.jpg) no-repeat fixed;background-size:100% auto";
修改背景图片以及轮播:
(注意去掉第八行 url括号内的)
(() => {
//URL()存的图片网络地址 修改背景图就改这个地址 必须要网络地址噢噢噢(注意这里没有) 壁纸 可以在这找https://www.enterdesk.com/zhuomianbizhi/dongmankatong/dongmanrenwu/
bannerRoll();
var 图片组=new Array();
图片组="https://up.enterdesk.com/edpic_source/a9/a2/0a/a9a20a16ad6f85db04f3eb70004cad14.jpg";
图片组="https://up.enterdesk.com/edpic_source/8b/c9/98/8bc998755d748ffe49689ea6582f4f77.jpg"; //添加例子图片组="xxxx";序号每次加1
function bannerRoll() {
document.body.style = "background:rgba(0,0,0,0) url(http://bizhi.zhuoku.com/2015/01/31/huahuagongzhu/huahuagongzhu10.jpg) no-repeat fixed;background-size:100% auto";
setInterval(showPic, 5000); // 设置每三秒调换张图
}
var x = 0; //记录当前第几张轮播图
function showPic(){
if (x >=图片组.length) x = 0;
document.body.style = "background:rgba(0,0,0,0) url("+ 图片组+") no-repeat fixed;background-size:100% auto";
x++;
}})();
修改背景 及 样式透明度例子(防遮挡 但是不推荐):
(注意第三行去掉url 括号内的)
(() => {
//URL() 存的图片网络地址 修改背景图就改这个地址 必须要网络地址噢噢噢(注意这里没有)
document.body.style = "background:rgba(0, 0, 0,0) url(http://bizhi.zhuoku.com/2015/01/31/huahuagongzhu/huahuagongzhu10.jpg) no-repeat fixed;background-size:100% auto";
teste(document.getElementsByTagName("div"));
function teste(array){
for(var i=0; i<array.length; i++)
{
array.style.backgroundColor="rgba(229, 241, 240,0)";
teste(array.getElementsByTagName("div"));
//div透明上边的就够了
//下边几行只是参考? 尽量不要全部取消注释会影响浏览器性能打开浏览网页卡慢 //teste(array.getElementsByTagName("tr"));
//teste(array.getElementsByTagName("th"));
//teste( array.getElementsByTagName("span"));
//teste( array.getElementsByTagName("img"));
//teste( array.getElementsByTagName("a"));
}
}
})();
效果图:
ps:
******插件获取
浏览器扩展 搜索Tampermonkey安装即可各大浏览器都有
******图片网络地址
右键点图片复制图片地址 就是了
例子:
1.(随便哪个网站 找到你想设置背景的图 )打开https://www.enterdesk.com/zhuomianbizhi/dongmankatong/dongmanrenwu/
2.
******关于修改背景无效
实际是生效的 但是 被某些网站自带的css样式 背景颜色遮挡
这时候就需要上边的例子 直接修改被遮挡的透明度 无视遮挡
(新手建议仅修改背景)
您好,【图片搬家】按图片分辨率 整理图片 这个可以发我一个吗?我qq3303366940 有红包 ,非常感谢,麻烦联系我 瞅见一妹子贝优妮塔 谢谢分享啊 我以为你把网站给黑了呢…… 学习了,谢谢分享 支持分享一下 这好像蛮有意思的。。。
看得眼花啊 先收藏一波,感谢楼主分享 好厉害,感谢分享