xhtml网页设计实现换肤功能

Filed under: 程序开发 |
Posted on

原理:利用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的读写就可以了。

相关文章

Tags :
Trackback url : u can trackback from your own site

Leave a Reply