请教高人指点js文件的实现。有一个这样是需求,就是用户可以自己更换皮肤样式。下面的是我的一个简单的思想。
首先是定义很多的css样式文件。
然后在一个下拉框中写入这样样式。提交修改样式的时候调用js 的 cheng()方法。
实现换肤功能。并将皮肤信息写入到数据库中。

解决方案 »

  1.   

    <link href="style_1.css" id="__style" rel="stylesheet" type="text/css" /><script type="text/javascript">
    var cheng = function(s){
      document.getElementById('__style').href = s ;
      //以下用ajax 提交 s 信息保存起来。
    }
    </script>
      

  2.   

    我的页面使用frame嵌套布局的 。 
    希望可以改变整个页面的所以样式。
      

  3.   

    你需要改变 哪些个 样式文件,就在哪些个<link href="style_1.css" id="__style" rel="stylesheet" type="text/css" />
    上加id然后通过 js 改变 href 值。调用frame 的方法是window.frame的name.document.getElementById...
      

  4.   


    这么说我需要把所有的css文件的引用都要写到页面中来了。但是window.frame的name.document.getElementById.. 改变所有的页面的样式怎么不好用啊 我的页面frame 设置<frameset rows="64,*" frameborder="NO" border="0" framespacing="0">
    <frame src="top.jsp" noresize="noresize" frameborder="0"
    name="topFrame" scrolling="no" marginwidth="0" marginheight="0"
    target="main" />
    <frameset cols="200,*" rows="100%,*" id="frame">
    <frame src="left.jsp" name="leftFrame" noresize="noresize"
    marginwidth="0" marginheight="0" frameborder="0" scrolling="no"
    target="main" />
    <frame src="right.jsp" name="main" marginwidth="0" marginheight="0"
    frameborder="0" scrolling="auto" target="_self" />
    </frameset>
    </frameset>
      

  5.   

    top.jsp 里面的样式 有没有 
    left.jsp 里面的样式 有没有
    right.jsp 里面的样式文件有没有。看你调用这个 js 的代码是在哪个页面里。window.top.frames['框架的name']
      

  6.   

    top.jsp left.jsp right.jsp 里面没有。 我的在right.jsp 嵌入的另一个别的jsp页面中 想实现的换肤功能。
      

  7.   

    right.jsp 也有嵌入 网页??执行时在哪个网页里执行的?
      

  8.   

    不好意思写错了  是在right.jsp 页面嵌入的js文件 执行的 
      

  9.   

    你要改变的样式文件 在 哪个文件里。如果是在 right.jsp 里。见 1楼。
      

  10.   

    O(∩_∩)O谢谢 vvviop 你的帮忙 样式文件在right里