2010-01-05 20 views
2

對於我的任務之一,我必須製作2個不同的CSS樣式表,並且我已經完成了這項工作。現在在這個任務中它說如果我想將兩個樣式錶鏈接到一個html頁面,那麼我猜測會有兩個選項在兩個樣式之間切換。 我的問題:我如何實現這一目標?我聽說有一些Java參與,我是否還需要創建按鈕或下拉菜單,以便顯示選項?在一個HTML文件中使用多於一個CSS樣式表

這裏是一個例子,如果你不明白我想說什麼: http://adactio.com/。在底部,您可以選擇更改主題,但我不介意只有兩個按鈕。

在此先感謝。

+4

這是作業,自己動手。提示:查看您鏈接到的網頁的來源。 – Hogan

+0

谷歌是你的朋友。一個例子:'javascript change stylesheet' –

+0

我已經看過谷歌,但我想我沒有使用正確的話。此外,我不會因此得到任何印象,它只是我個人想要做的事情 – user228390

回答

0

嘗試在Google中查找「樣式表切換器」。

他們在課堂上教過這些嗎?我認爲這種技術將在你的教科書中;教授不會希望你從稀薄的空氣中獲得知識......

0

你顯示的網站正在通過URL傳遞一個變量。然後根據URL所說的內容確定哪個樣式表被加載。

http://adactio.com/?皮膚=高科技

您創建變量。然後你會通過鏈接傳遞它。喜歡的東西:

<a href="?skin=hi-tech">Hi Tech Skin</a> 

然後才能確定哪個樣式表被加載,你會做這樣的事情:

<?php if(skin == 'hi-tech'){ ?> 

<link rel="stylesheet" href="#" type="text/css" media="screen" /> 

<?php }else if(...and so on... 
5

你的榜樣,而不要求服務器不改變頁面樣式,所以它可能不是你所想要的東西。我認爲你的教授詢問了可以從網絡瀏覽器中選擇的'備用'樣式表。

<link rel="stylesheet" type="text/css" href="std.css" title="standard skin" /> 
<link rel="alternate stylesheet" type="text/css" href="alt.css" title="alternate skin" /> 

有了這個代碼在你的文檔heade,您可以選擇使用其中的造型樣式,它可以不用PHP,CGI或其他服務器端技術來改變。

http://www.w3.org/Style/Examples/007/alternatives瞭解更多信息。

注:

當最初加載的文件,持久的和優選的樣式表應用到文檔。用戶可以選擇其他樣式表。 W3C告訴我們瀏覽器應該給我們一個我們想要使用的樣式表的選擇,並且建議可能會提供一個下拉菜單或工具欄。

(從http://www.alistapart.com/articles/alternate/

+0

不,他們不會。注意第二個版本有rel =「alternate stylesheet」not rel =「stylesheet」。 – rism

0

它的那樣簡單使用頁面加載javascript來一個「鏈接」元素添加到基於頁面的查詢字符串正確的樣式表。如果你沒有查詢字符串(第一次訪問頁面就是這種情況),然後通過java腳本添加一個默認的字符串(或者已經在頁面中,javascript編輯當前的字符串)。

0

「所以我猜會有兩個選擇兩種風格之間進行切換」

我覺得這個猜測是錯誤的。從一個頁面鏈接到多個CSS文件並不少見,它們同時使用它們。它更好地使用更少的文件,但不止有一個。

相關問題