html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...

利用样式文件，使网页能够更换不同的主题风格，这个只是简单的小列子，更换了背景图，和字体颜色，更换主题的基本原理是这样的。通过更改，link标签里的href属性，加载不同的样式文件。这里还用到了一款JQuery插件--cookie 确保用户更换完主题后，刷新页面主题不变。

有个小技巧：就是将不同主题的样式文件名与所选按钮的id名称相同，这样利于操作。

例如：id='skin_0' 那么文件夹中需要有一个skin_0.css文件

html代码：html>

Change backgrounIMG

大黄蜂
擎天柱
海贼王
高达
超梦

JQuery代码：$(function() {

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

switchSkin(this.id)

});

var cookie_skin = $.cookie('MyCssSkin');

if (cookie_skin) {

switchSkin(cookie_skin);

}

});

function switchSkin(skinName) {

$('#cssfile').attr('href', 'css/' + skinName + '.css');

$.cookie('MyCssSkin',skinName,{path:'/',expires:10});

//$.cookie('MyCssSkin',skinName,{path:'/',expires:10});

}

【下载demo】

本文地址：html页面换皮肤颜色、背景图片(更换页面背景，常驻缓存)刷新保存 https://www.shenqiu123.com/a/jianzhan/zhishi/4155.html

html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...相关推荐

html 颜色叠加图片,如何在背景图片上添加颜色叠加？
一只名叫tom的猫我看到2个简单的选择:在图像上具有半透明单个渐变的多个背景巨大的插图阴影渐变选项:html { min-height:100%; background:linear-gradi ...
speedoffice（PPT）怎么将插入的图片设置成背景？
插入到PPT的图片,怎么设置成背景呢? 方法一:用speedoffice打开PPT图像后,在图片上任意位置右键,出现的选项卡里面选择"添加到布局"即可实现将图片设置为背景方法二: ...
微信小程序--证件照换底色UI及前端页面修改+札记与贺卡图片整理
札记与贺卡主要是进行所需要的海报的选择,修改和收集.因为是一个模板类的小程序,用户选择我们设定的模板之后,进行文字的添加,所以我们这边模板的多样性很重要,也因为是双节比较特别,就收集了各类的模板海报 ...
cad服务器手动改自动,几百块就能手动改自动？怎样省钱换来方便
现在市场上可以手动改自动挡是真的吗?今日市场上出现的手动挡升级自动挡的技术,不少网友询问这个手动挡改自动挡技术,手动改自动挡真的吗?记者带着疑问进行各方面搜索和调查. 经过调查,记者终于了解到市场上真 ...
建议各位站长网站404页面换成腾讯宝贝回家公益页面，为社会公益出一份力
公益404效果如图设置网站404页面是每个站长的必修课,404页面主要是为了在内容被删除或用户访问了网站没有的页面时提醒用户页面找不到了.网上有很多各种新奇的404页面模板,但个人还是推荐大家把网站 ...
计算机怎么换背景图片,电脑开机背景图怎么换_怎么设置开机背景的教程
最近有不少朋友问小编电脑开机背景图怎么换的问题,对于怎么设置开机背景的问题,相信还有很多朋友不太明白,有时候我们感觉系统自带的开机背景图片不好看,不符合我们的审美,想要换成我们喜欢的开机背景图,那么应 ...
【KEIL5】是时候给你的Keil换个好看的皮肤了（MDK）
众所周知Keil的默认配色丑的一b,白色的主色调对应嵌入式开发者确实不太友好. 自己配颜色,不仅麻烦而且可能效果不尽人意,本文分享一下自己配色 so,是时候给你的IED换个好看的皮肤了配置完成预览图 ...
页面换肤（点击事件）
今天我们来写一个页面换肤的案例,就是我们点击哪个颜色页面就变成那个颜色: 代码 HTML部分首先我们要设置好HTML部分的内容(方块按钮,文字,图片等),并且为写好的内容添加好所需的类名,id名,方 ...
盒子拖拽-登录验证/阻止a链接跳转/页面换肤(点击小图，切换大图)/
01-盒子拖拽-登录验证 <!DOCTYPE html> <html lang="zh-CN"><head><meta charset=& ...

html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...

html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...相关推荐

最新文章

热门文章