Javascript 如何在每次单击每个链接或url时更改网站的背景图像?
好吧,我在网上看到了很多关于这方面的问题,但似乎其中很多都在使用PHP、ASP、JQUERY和其他任何语言。对我来说,我只对CSS和Java脚本稍微熟悉一点,这是我唯一知道的语言。有人能给我看一些CSS和Java脚本的代码吗 无论如何,我对网站的背景也很感兴趣,每次刷新都会改变 提前谢谢 嘿,我找到了示例代码,它非常有效 感谢本论坛:Javascript 如何在每次单击每个链接或url时更改网站的背景图像?,javascript,html,css,background-image,Javascript,Html,Css,Background Image,好吧,我在网上看到了很多关于这方面的问题,但似乎其中很多都在使用PHP、ASP、JQUERY和其他任何语言。对我来说,我只对CSS和Java脚本稍微熟悉一点,这是我唯一知道的语言。有人能给我看一些CSS和Java脚本的代码吗 无论如何,我对网站的背景也很感兴趣,每次刷新都会改变 提前谢谢 嘿,我找到了示例代码,它非常有效 感谢本论坛: 无标题 函数更改img(imgNumber){ var myImages=[“Background/Background.jpg”、“Background/Ba
无标题
函数更改img(imgNumber){
var myImages=[“Background/Background.jpg”、“Background/Background2.jpg”、“Background/Background3.jpg”、“Background/Background4.jpg”、“Background/Background5”、“Background/Background6”、“Background/Background7”];
var imgShown=document.body.style.backgroundImage;
var newImgNumber=Math.floor(Math.random()*myImages.length);
document.body.style.backgroundImage='url('+myImages[newImgNumber]+');
}
window.onload=changeImg;
.bg{背景附件:固定;背景重复:不重复;背景位置:右上;}
一些文本
一些文本
大量解决方案:
将所有文件存储在一个文件夹中
document.getElementByTag('body').setAttribute('style','background-image:url('+<your image>+'));
document.getElementByTag('body').setAttribute('style','background-image:url(+');
您也可以使用jQuery简化它。您可以通过使用jQuery轻松地完成这项工作-只需为每个链接定义单击事件即可-
$(function(){
$("link1").click(function(){
$("body").css({background-image:"url('link1_image.gif')"});
});
});
对于每次刷新时的随机图像加载,您可以直接调用onload函数并设置随机图像
$(function(){
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];
$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});
});
希望它能起作用。谢谢。如果你每次刷新时都使用一个新图像,那么你就是在扼杀你的网站美+你通过增加页面加载时间来烦扰你的用户嗨!Alien先生,我的网站通过局域网运行,我的意思是它在共享网络或计算机中运行所以页面加载基本上不是问题。这就是我对这项工作感兴趣的原因。
$(function(){
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];
$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});
});