2014-02-17 82 views
0

我創建了一個母版頁,其中有下面的CSS改變母版頁的CSS樣式表:如何在第二個頁面加載

body { background-image:url(images/back.jpg); } 

此圖片是一個我希望出現在我的指數頁。當用戶點擊「下一步」按鈕時,我想將圖像更改爲不同的圖像。

我該怎麼做?

+2

你有試過什麼嗎? – dward

+0

提供你所嘗試的? –

+0

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_backgroundimage你的意思是這個=? –

回答

0

你可以用新的CSS在其他頁面上覆蓋母版頁的CSS。首先加載的身體的背景圖像將會背對背,第二個圖像將被忽略。

+0

您還可以使用onClick事件並使用javascript更改背景圖像 –

0

您可以使用母版佔位符頭

<head> 
    <link rel="stylesheet" type="text/css" href="master.css"> 
    <asp:contentplaceholder id="Header" runat="server" /> 
</head> 

然後將此代碼添加到您的NewPage.aspx

<% @ Page Language="VB" MasterPageFile="~/Master.master" Title="Content Page 1" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="Header" Runat="Server"> 
    <link rel="stylesheet" type="text/css" href="newpage.css" /> 
</asp:Content> 

現在可以覆蓋 「CSS體」 內newpage.css

0

如果你正在加載另一個頁面沒有頁面刷新那麼這將工作: HTML:

<button class="next">Next</button> 

的jQuery:

$(function() { 
    $('.next').click(function() { 
    $(body).css('background-image', 'url(images/back2.jpg)'); 
    }); 
}): 

如果導航從一個頁面到第二個得到頁面刷新然後 你可以簡單地指定內部CSS。

相關問題