HTML我需要切換上點擊網頁上的鏈接我的樣式表,這樣的頁面顯示在不同的顏色主題
<head>
<style type="text/css>
@import url("style.css") //my main css file
</style>
// css file which contains only color properties.
<link href="theme_blue.css" rel="stylesheet">
</head>
<body>
<a href="#" id="theme-blue">Click Here to switch color</a>
</body>
CSS(theme_blue.css)
body
{
background-color:#66ccff;
}
JS
$(document).ready(function() {
$("#theme-blue").click(function() {
$("link").attr("href", "theme_blue.css");
return false;
});
});
我的問題是,當我點擊鏈接,網頁的整個結構丟失,沒有顏色變化發生。我對這項技術很陌生,需要專家的幫助。請提出解決方案來解決這個問題。
http://stackoverflow.com/questions/7846980/how-do-i-switch-my-css-stylesheet-using-jquery – Ankith 2014-09-23 10:02:05
儘量不要使用'@ import'。它減慢你的頁面速度... – algorhythm 2014-09-23 16:44:23