動態即時主題a我的雅虎/ iGoogle

Question

我可以想出很多方法來自己做到這一點，但我希望找到某種最佳實踐，並一直無法找到其他的經驗。我想創建容易主題化的HTML，併爲用戶提供一個實時選擇器來實驗主題。

我想要做一些類似於http://my.yahoo.com的「更改外觀」選項卡。

我將使用jQuery。 jQuery有一個「主題化」系統，但它似乎非常專注於jQuery小部件而不是整個站點，並且似乎並不涉及實時選擇方面（jQuery頁面具有此功能，但我不'我認爲它是庫的一部分）。也許有一個jQuery插件已經做到了這一點？或者某種css/jQuery框架？

Answer 1

JQuery UI使用ThemeSwitcher插件，它專注於jQuery UI主題。然而，作爲一個通用的解決方案，您可以將其想法轉化爲自己的主題需求。其基本思想是將主題保存在單個CSS文件中，然後通過用所選鏈接替換包含主題的鏈接元素來管理通過javascript使用哪個主題。請注意，它通常需要是引用它的最後一個CSS文件才能在所有瀏覽器中正常工作。

我在blog上有一個similar plugin，它比jQuery UI更簡單，不過，實際上我更傾向於定製jQuery UI插件，因爲我喜歡它提供的預覽。