Question

好的，我在网上看到了很多这方面的问题，但似乎很多都是使用PHP，ASP，JQUERY和其他任何语言。对我来说，我只是熟悉CSS和Java Script，这是我所知道的语言。那么有人可以向我展示一些CSS和Java Script的代码吗？

无论如何，我也对网站上的背景感兴趣，这将改变每次更新！

提前致谢！

嘿，我找到了示例代码，它完全正常工作！

此论坛的致谢：http://www.daniweb.com/web-development/web-design-html-and-css/threads/228324/load-different-background-image-when-user-refresh

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function changeImg(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;
</script>
<style type="text/css">
.bg {background-attachment:fixed; background-repeat: no-repeat; background-position:top right;}
</style>
</head>
<body class="bg">
<p>Some text</p>
<!-- put a lot text lines here to see that the background stays fixed. -->
<p>Some text</p>
</body>
</html>

Answer 1

充足的解决方案：

将所有文件存储在文件夹中。

使用索引号索引数据库表中的图像。生成具有特定范围的随机数，并显示与随机数对应的图像
重命名文件夹中的所有图像（1 - n）。生成随机数并附加/.

获得随机图像后，您可以使用javascript轻松覆盖背景或任何其他dom组件

document.getElementByTag('body').setAttribute('style','background-image:url('+<your image>+'));

您也可以使用jQuery简化它。

Answer 2

您可以使用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)] + ')'});
});

希望它能奏效。感谢。

如何在每次点击每个链接或网址时更改我网站的背景图片？

2 个答案: