1. 首頁
  2. 問答
  3. Javascript隨機背景圖片大小

Javascript隨機背景圖片大小

2013-10-13 139 views
2

我有一個代碼，每次刷新時都會顯示一個隨機背景，但我不知道如何使所有圖片的寬度達到100％，並且高度達到100％。 這裏是我的代碼：Javascript隨機背景圖片大小

<html> 
<head> 
<script type="text/javascript"> 
var totalCount = 3; 
function ChangeIt() 
{ 
var num = Math.ceil(Math.random() * totalCount); 
document.body.background = 'bg'+num+'.png'; 
document.body.style.backgroundRepeat = "repeat";// bg repeat. 
} 
</script> 
</head> 
<body> 
---- 
</body> 
<script type="text/javascript"> 
ChangeIt(); 
</script> 
</html>

任何想法如何做到這一點？

來源

2013-10-13 user2831985

+0

我實際上沒有明白你的意思。 – yakiang

回答

0

您可以嘗試放置圖片標籤並設置src屬性。這樣，您只能指定寬度並給出自動高度。

function ChangeIt() 
{ 
    var widthOfDoc = document.body.clientWidth; 
    var num = Math.ceil(Math.random() * totalCount); 
    var image = new Image(); 
    image.src = 'bg'+num+'.png'; 
    image.width = widthOfDoc; 
    document.body.appendChild(image); 
}

來源

2013-10-13 16:38:48

相關問題

 相關問題