这个用JQuery怎么实现的？

Question

  怎么实现的？  一点击 就加载到 页面里

Answer 1

js更换css文件就好了
<link type="text/css" rel="stylesheet" href="/css/xxx.css" id="link"/>
<script>
function changecss(href){
  document.getElementById('link').href=href;
}
</script>
<a href="javascript:changecss('/css/css1.css')">css1</a><br/>
<a href="javascript:changecss('/css/css2.css')">css2</a><br/>
<a href="javascript:changecss('/css/css3.css')">css3</a><br/>
<a href="javascript:changecss('/css/css4.css')">css4</a>

Answer 2

是换皮肤么?
定义好12套css,放12个css文件里,选择哪个就换哪个css
动态加载css:
function loadCss(fielName){
 var fileref = document.createElement('link');
 fileref.setAttribute("rel","stylesheet");
 fileref.setAttribute("type","text/css");
 fileref.setAttribute("href",fielName);
 document.appendChild(fileref);
}

Answer 3

再地道点，把选好的CSS名保存为COOKIE，下次再打开浏览器时，根据COOKIE名加载相应的CSS，可以参照 jquery cookie, 有许多现成的库。

Answer 4

<link type="text/css" rel="stylesheet" href="/css/xxx.css" id="link"/>
<a href="javascript:changecss('/css/css2.css')">css1</a>
<a href="javascript:changecss('/css/css3.css')">css1</a>
function changecss(href)
{
    $("#link").attr("href",href) ;
}