Filed under: 程序开发 |
Posted on December 4th, 2006 by 李 方进
原理:利用javascript对link标签的href属性的值进行修改。
javascript代码如下:
function SetStyle(stylename){
for (var i=0; i<document.getElementsByTagName(”link”).length; i++){
var e = document.getElementsByTagName(”link”)[i];
if (e.getAttribute(”media”).indexOf(”screen”) != -1){
e.setAttribute(”href”,stylename);}
}
}
在网页上调用的时候,只需要在skin的连接上调用该方法即可。当然,前提是得准备好几个不同风格的css。stylename就是你的css名称。比如如下用法:
<a href=”" mce_href=”" onclick=”SetStyle(’1.css’)”>风格1</a>
<a href=”" mce_href=”" onclick=”SetStyle(’2.css’)”>风格2</a>
升级:如果需要用户选择风格以后,每次访问的都是该风格,那么只需要在SetStyle的代码中增加一些javascript对cookie的读写就可以了。
Leave a Reply