2012-08-24 227 views
0

我希望我的網頁的訪問者能夠在單擊鏈接時更改我的網頁的背景。我有幾個技能在JavaScript和jQuery中,我不知道如何實現這一點。不要顯示我的背景我用下面的CSS:更改img src值

#background { 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; 
} 

.stretch { 
    width:100%; 
    height:100%; 
} 

和HTML -

<img src="images/backgrnd.jpg" class="stretch" id="background" alt="" /> 

回答

1

jQuery中更改圖像的src屬性很簡單:

$('#background').attr('src', 'images/newimage.jpg'); 
+0

如果答覆回答您的問題,您應該將其標記爲答案。感謝upvote雖然:) – Kostia

+0

我做到了!謝謝。 –

0

東西沿着這些路線:

$('#somelink').click(function(){ 
    $('#background').prop('src', 'images/newbackground.jpg'); 
}); 
0
$("#background").attr("src", "images/new_background.jpg");