本帖最后由 贝优妮塔 于 2018-7-11 19:35 编辑
如题
需要 浏览器安装tampermonkey 插件
1.添加新脚本
2.将下边复制进去 (注意第三行去掉url括号内的[img][/img])
3.保存即可 食用...
背景轮播
仅修改背景
背景 及修改 样式例子
代码:
仅修改背景 一行就够了:
(注意去掉 url括号内的[img][/img])
[JavaScript] 纯文本查看 复制代码 document.body.style = "background:rgba(0,0,0,0) url([img]http://bizhi.zhuoku.com/2015/01/31/huahuagongzhu/huahuagongzhu10.jpg[/img]) no-repeat fixed;background-size:100% auto";
修改背景图片以及轮播:
(注意去掉第八行 url括号内的[img][/img])
[JavaScript] 纯文本查看 复制代码
(() => {
//URL()存的图片网络地址 修改背景图 就改这个地址 必须要网络地址噢噢噢(注意这里没有[img][/img]) 壁纸 可以在这找 https://www.enterdesk.com/zhuomianbizhi/dongmankatong/dongmanrenwu/
bannerRoll();
var 图片组=new Array();
图片组[0]="https://up.enterdesk.com/edpic_source/a9/a2/0a/a9a20a16ad6f85db04f3eb70004cad14.jpg";
图片组[1]="https://up.enterdesk.com/edpic_source/8b/c9/98/8bc998755d748ffe49689ea6582f4f77.jpg"; //添加例子 图片组[2]="xxxx"; 序号每次加1
function bannerRoll() {
document.body.style = "background:rgba(0,0,0,0) url([img]http://bizhi.zhuoku.com/2015/01/31/huahuagongzhu/huahuagongzhu10.jpg[/img]) 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("+ 图片组[x]+") no-repeat fixed;background-size:100% auto";
x++;
}})();
修改背景 及 样式透明度例子(防遮挡 但是不推荐):
(注意第三行去掉url 括号内的[img][/img])
[JavaScript] 纯文本查看 复制代码 (() => {
//URL() 存的图片网络地址 修改背景图 就改这个地址 必须要网络地址噢噢噢(注意这里没有[img][/img])
document.body.style = "background:rgba(0, 0, 0,0) url([img]http://bizhi.zhuoku.com/2015/01/31/huahuagongzhu/huahuagongzhu10.jpg[/img]) no-repeat fixed;background-size:100% auto";
teste(document.getElementsByTagName("div"));
function teste(array){
for(var i=0; i<array.length; i++)
{
array[i].style.backgroundColor="rgba(229, 241, 240,0)";
teste(array[i].getElementsByTagName("div"));
//div透明 上边的就够了
//下边几行只是参考? 尽量不要全部取消注释 会影响浏览器性能 打开浏览网页卡慢 //teste(array[i].getElementsByTagName("tr"));
//teste(array[i].getElementsByTagName("th"));
//teste( array[i].getElementsByTagName("span"));
//teste( array[i].getElementsByTagName("img"));
//teste( array[i].getElementsByTagName("a"));
}
}
})();
效果图:
ps:
******插件获取
浏览器扩展 搜索Tampermonkey 安装即可 各大浏览器都有
******图片网络地址
右键点图片复制图片地址 就是了
例子:
1.(随便哪个网站 找到你想设置背景的图 )打开https://www.enterdesk.com/zhuomianbizhi/dongmankatong/dongmanrenwu/
2.
******关于修改背景无效
实际是生效的 但是 被某些网站自带的css样式 背景颜色遮挡
这时候就需要上边的例子 直接修改被遮挡的透明度 无视遮挡
(新手建议仅修改背景)
|