Css换皮技术的方式?
那种方式弄比较好?参数/文件
想通过参数来换,怎么设计
比如
http://www.xxx.com/pifu.jsp?color=red&fontsize=14&imgsrc=abc.gif
http://www.xxx.com/pifu.jsp?color=blue&fontsize=12&imgsrc=def.gif
两种皮肤
首先通过 pagainit()
location获得参数值,没有使用默认皮肤
js取dom元素属性..改值
这样就可以了么?
如果通过Css 文件+载呢?
pageinit()中
怎么从+载Css文件,并且可以刷新使用?
js appendChild(link) <link rel= "stylesheet " href= "main.css " type= "text/css " /> 能自动刷新么?类似 location.href=xxx.jsp 赋值的效果
通过Ajax取得Css文件最后也要 appendChild(link) 这一步吧?
=================
没弄过换皮功能,麻烦高手指导下.
------解决方案--------------------其实这就是用参数来实现的
你把你通过文件属性配置获得的css的名称传递过来就可以了
<html>
<head id= "d ">
<script language= "javascript ">
function createCss(name){
var d=document.getElementById( "d ");
var o=document.createElement( "link ");
o.href=name;
o.rel= "stylesheet " ;
o.type= "text/css ";
d.appendChild(o);
}
function a(){
//获取你css的路径,赋值给name
var name= "1.css "
createCss(name);
}
</script>
</head>
<body onload= "a(); ">
<button class= "a " onclick= "a(); "> dddd </button>
</body>
</html>