我創建了一個母版頁,其中有下面的CSS改變母版頁的CSS樣式表:如何在第二個頁面加載
body { background-image:url(images/back.jpg); }
此圖片是一個我希望出現在我的指數頁。當用戶點擊「下一步」按鈕時,我想將圖像更改爲不同的圖像。
我該怎麼做?
我創建了一個母版頁,其中有下面的CSS改變母版頁的CSS樣式表:如何在第二個頁面加載
body { background-image:url(images/back.jpg); }
此圖片是一個我希望出現在我的指數頁。當用戶點擊「下一步」按鈕時,我想將圖像更改爲不同的圖像。
我該怎麼做?
你可以用新的CSS在其他頁面上覆蓋母版頁的CSS。首先加載的身體的背景圖像將會背對背,第二個圖像將被忽略。
您還可以使用onClick事件並使用javascript更改背景圖像 –
您可以使用母版佔位符頭
<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
如果你正在加載另一個頁面沒有頁面刷新那麼這將工作: HTML:
<button class="next">Next</button>
的jQuery:
$(function() {
$('.next').click(function() {
$(body).css('background-image', 'url(images/back2.jpg)');
});
}):
如果導航從一個頁面到第二個得到頁面刷新然後 你可以簡單地指定內部CSS。
你有試過什麼嗎? – dward
提供你所嘗試的? –
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_backgroundimage你的意思是這個=? –