html 换肤模板,html页面换肤的简单实例

//换肤方法

$(function () {

//为ul中li元素添加点击方法

$('#selectColor li').click(function () {

//选择当前样式，移除旧样式

$("#" + this.id).addClass("selected").siblings().removeClass("selected");

$('#mycolor').attr("href", "css/" + (this.id) + ".css");

//将所选的颜色存入cookie中

$.cookie("MyCookie", this.id, { path: '/', expires: 10 });

});

var cookieskin = $.cookie("MyCookie");//初始化cookie的name

if (cookieskin) { //判断是否存在name,存在则保存

$("#" + cookieskin).addClass("selected").siblings().removeClass("selected");

$('#mycolor').attr("href", "css/" + (cookieskin) + ".css");

$.cookie("MyCookie", cookieskin, { path: '/', expires: 10 });

}

})

html 换肤模板,html页面换肤的简单实例相关推荐

Axure之实现页面的左右切换简单实例
开心一笑 [人生通用解决问题基本法,你值得拥有! 难过?在床上躺会. 累了?在床上躺会. 病了?在床上躺会. 无聊?在床上躺会. 明天要交作业了?先在床上躺会.] 视频教程大家好,我录制的视频< ...
桌面html倒计时如何添加,JavaScript 实现Html页面倒计时效果的简单实例
Html网页倒计时是Web开发中比较常用的功能之一,例如新站上线前的欢迎页,节日的到来,活动的计时等等,阿萌来简单介绍一个比较简单的倒计时实例. 原理嘛,很简单,就是利用设定的时间戳减去当前的时间戳, ...
页面换肤（点击事件）
今天我们来写一个页面换肤的案例,就是我们点击哪个颜色页面就变成那个颜色: 代码 HTML部分首先我们要设置好HTML部分的内容(方块按钮,文字,图片等),并且为写好的内容添加好所需的类名,id名,方 ...
盒子拖拽-登录验证/阻止a链接跳转/页面换肤(点击小图，切换大图)/
01-盒子拖拽-登录验证 <!DOCTYPE html> <html lang="zh-CN"><head><meta charset=& ...
Android换肤功能实现与换肤框架QSkinLoader使用方式介绍
框架地址:https://github.com/qqliu10u/QSkinLoader 效果图 https://github.com/qqliu10u/QSkinLoader/raw/master/ ...
android换肤动画,Android动态换肤框架-实现换肤
1.换肤流程 1 2.采集流程 2 3.Android资源查找流程 3 4.采集需要换肤的控件换肤我们需要换所有可能需要换的页面控件,所以我们不可能在每个页面重新findviewById,这时就需要 ...
网易换肤第一篇：换肤技术解密！
参考脑图:https://note.youdao.com/s/Q1e6r39j 最终效果: Demo源码:点击跳转技术点分析换肤的核心思路主要是在setContentView()之前调用setF ...
android换肤动画,Android换肤(二) — 插件式换肤
###前言上节我们讲到了`Android-skin-support`库的应用内换肤,大家感兴趣的可以参看文章: [Android换肤(一) - 应用内换肤](http://www.demodashi ...
html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...
利用样式文件,使网页能够更换不同的主题风格,这个只是简单的小列子,更换了背景图,和字体颜色,更换主题的基本原理是这样的.通过更改,link标签里的href属性,加载不同的样式文件.这里还用到了一款JQ ...

html 换肤模板,html页面换肤的简单实例

html 换肤模板,html页面换肤的简单实例相关推荐

最新文章

热门文章