首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求换皮肤的代码!该如何处理

2013-11-26 
求换皮肤的代码!急急要那种点击之后进行了页面刷新然后换皮肤的效果!最好是通过改变样式路径进行切换的!速

求换皮肤的代码!急急
要那种点击之后进行了页面刷新然后换皮肤的效果!
最好是通过改变样式路径进行切换的!速度!带cookies的

jq?js?html
[解决办法]

<script>
    var comm = {
        $: function (Id) { return document.getElementById(Id); },
        GetCookie: function (name) { var m = new RegExp(name + '=([^;]+)', 'i').exec(document.cookie); if (m) return unescape(m[1]); return ""; },
        SetCookie: function (name, value, cfgTime) { var d; if ("undefined" != typeof (icfgTime)) { d = new Date(); if (cfgTime.y) d.setFullYear(d.getFullYear() + cfgTime.y); if (cfgTime.M) d.setMonth(d.getMonth() + cfgTime.M); if (cfgTime.d) d.setDate(d.getDate() + cfgTime.d); if (cfgTime.h) d.setHours(d.getHours() + cfgTime.h); if (cfgTime.m) d.setMinutes(d.getMinutes() + cfgTime.m); if (cfgTime.s) d.setSeconds(d.getSeconds() + cfgTime.s); } document.cookie = name + "=" + value + ";path=/;" + (d ? "expires=" + d.toGMTString() : ''); },
        shiftSkin: function (skin) {
            var css = comm.$('skin_styles');
            if (!css) {
                css = document.createElement('link');
                css.type = "text/css";
                css.rel = "stylesheet";
                css.id = 'skin_styles';
                document.getElementsByTagName('head')[0].appendChild(css);
            }
            css.href =  skin + '.css'; //注意修改你的路径
            comm.SetCookie('cssskin', skin, { y: 1 });
        }
    };
    window.onload = function () {
        var skin = comm.GetCookie('cssskin'); alert(skin)
        if (skin == "") skin = "blue";
        comm.shiftSkin(skin);
    }
</script>
<ul id="ulStyle"><li>选择页面风格:</li>
<li onclick="comm.shiftSkin('blue')"><span>蓝色风格</span></li>
<li onclick="comm.shiftSkin('green')"><span>绿色风格</span></li>
<li onclick="comm.shiftSkin('pink')"><span>粉色风格</span></li></ul>

热点排行