贝优妮塔 发表于 2018-7-10 07:03

利用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样式 背景颜色遮挡
这时候就需要上边的例子 直接修改被遮挡的透明度 无视遮挡
(新手建议仅修改背景)

wpjackje 发表于 2020-3-12 02:05

您好,【图片搬家】按图片分辨率 整理图片 这个可以发我一个吗?我qq3303366940   有红包 ,非常感谢,麻烦联系我

清风尘客 发表于 2018-7-10 07:32

瞅见一妹子贝优妮塔

吕鼎 发表于 2018-7-10 08:12

谢谢分享啊

iteamo 发表于 2018-7-10 08:12

我以为你把网站给黑了呢……

hairch 发表于 2018-7-10 08:15

学习了,谢谢分享

prankgs 发表于 2018-7-10 08:20

支持分享一下

坐久落花多 发表于 2018-7-10 08:21

这好像蛮有意思的。。。

lookletu 发表于 2018-7-10 08:22

看得眼花啊

夏日已末 发表于 2018-7-10 08:35

先收藏一波,感谢楼主分享

zhenghui99 发表于 2018-7-10 08:36

好厉害,感谢分享
页: [1] 2 3
查看完整版本: 利用tampermonkey 修改全部网站背景图以及部分样式透明度?